Note that there are some explanatory texts on larger screens.

plurals
  1. POfloat right not working in IE
    primarykey
    data
    text
    <p>I'm trying to float an image to the right. This should be simple. It looks fine in FF and Chrome, but in IE, the text doesn't wrap around the image. I think it has something to do with the style I'm giving to my paragraph tags. Anyway, any insight would be appreciated!</p> <p>style:</p> <pre><code>.story { margin: 0 0 0 360px; padding-top: 30px; padding-left: 30px; max-width: 900px; width: 75%; } .story p { line-height: 150%; font-size: 20px; } .half-embed { float: right; position:relative; margin-right:-100px; margin-left:20px; display: inline !important; clear:both; } .imageborder { border: 1px solid lightgray; padding: 10px; } </code></pre> <p>html:</p> <pre><code>&lt;div class="story"&gt; &lt;p&gt;Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.&lt;/p&gt; &lt;p&gt;Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.&lt;/p&gt; &lt;p&gt;&lt;img src="images/myimage.jpg" class="half-embed imageborder" /&gt;&lt;/p&gt; &lt;p&gt;Four score and seven years ago our fathers brought forth on this continent, a new nation, conceived in Liberty, and dedicated to the proposition that all men are created equal.&lt;/p&gt; &lt;p&gt;Now we are engaged in a great civil war, testing whether that nation, or any nation so conceived and so dedicated, can long endure. We are met on a great battle-field of that war. We have come to dedicate a portion of that field, as a final resting place for those who here gave their lives that that nation might live. It is altogether fitting and proper that we should do this.&lt;/p&gt; &lt;/div&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload