http://themeshaper.com/forums/ Help In Shaping WordPress Themes en Thu, 23 May 2013 00:12:44 +0000 http://themeshaper.com/forums/topic/wrap-text-around-image#post-15901 Wed, 29 Sep 2010 18:40:03 +0000 Devin 15901@http://themeshaper.com/forums/ <p>An h2 is a block level element, so it automatically takes up 100% of the width and gets pushed underneath.</p> <p>You can change a block level element to display inline:</p> <pre><code>.entry-content h2 {display:inline;}</code></pre> <p>I think that might work for you- but let me know.</p> <p>You can see from the source in <a href="http://wptheming.com/portfolio/" rel="nofollow">http://wptheming.com/portfolio/</a> that I set it up to display in two columns, since I didn't want the text to wrap underneath- so that's probably not how you want it set up. </p> http://themeshaper.com/forums/topic/wrap-text-around-image#post-15862 Mon, 27 Sep 2010 22:12:55 +0000 02rilund 15862@http://themeshaper.com/forums/ <p>I'm trying to wrap text around an image (on a page) and with basic text it's working as it should. But when i add a subheading using the h2 tag, the whole block of text moves down to underneath the image. here's my css:</p> <p>.entry-content {<br /> padding: 0 0 0 0;<br /> }<br /> .entry-content h2 {<br /> font-family:Arial,sans-serif;<br /> font-size:16px;<br /> font-weight:normal;<br /> padding:0 0 13px 0;<br /> color: #000000;<br /> }</p> <p>.aligncenter {<br /> display: block;<br /> margin-left: auto;<br /> margin-right: auto;<br /> }<br /> .alignleft {<br /> float: left;<br /> }<br /> .alignright {<br /> float: right;<br /> }<br /> img.alignleft {<br /> margin-right:10px;<br /> margin-bottom:10px;<br /> }<br /> img.alignright {<br /> margin-leftt:10px;<br /> margin-bottom:10px;<br /> }</p> <p>i can get around it by putting the text and image into separate cells in a column, but then i have another problem; the thext and image won't align at the top!</p> <p>EDIT<br /> I would like the text and images to align something like this (but without the border on images of course):<br /> <a href="http://wptheming.com/portfolio/" rel="nofollow">http://wptheming.com/portfolio/</a></p> <p>Any help to resolve even one of these problems would be much appreciatied!<br /> Thanks </p>