Databases
StackOverflow2013
Postsdbo
POMake paragraph text wrap round image if text and image are in two separate <div>s?
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POMake paragraph text wrap round image if text and image are in two separate <div>s?
    text
    copied!<p>Consider the following HTML structure:</p> <pre><code>&lt;div class="content"&gt; &lt;div class="field field-type-date field-field-event-date"&gt; &lt;div class="field-items"&gt; &lt;div class="field-item odd"&gt; &lt;span class="date-display-single"&gt;Fri 24 Jun 2011&lt;/span&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;p&gt; Don't miss your chance to see the incredible artwork produced by this year's Creative Arts students at Fareham College. &lt;/p&gt; &lt;p&gt; The exhibition will be held on the College campus, featuring work from our Art, Graphic Design, Photography, Fashion and Media students. &lt;/p&gt; &lt;p&gt; This event runs on weekdays from 10am–4pm on 24th June–1th July 2011 in both the A-Block and the Function Room at Fareham College. &lt;/p&gt; &lt;p&gt; We look forward to seeing you. &lt;/p&gt; &lt;div class="field field-type-filefield field-field-event-image"&gt; &lt;div class="field-items"&gt; &lt;div class="field-item odd"&gt; &lt;img class="imagefield imagefield-field_event_image" width="188" height="266" alt="" src="http://www.fareham.ac.uk/sites/default/files/creative-arts-summer-exhibition.jpg?1310378590"&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Here's the actual page with the above code in action: <a href="http://www.fareham.ac.uk/events/2011/06/creative-arts-summer-exhibition" rel="nofollow">http://www.fareham.ac.uk/events/2011/06/creative-arts-summer-exhibition</a></p> <p>Is it possible to float the image to one side and have the text wrap around it? If so, how can I achieve this?</p> <p>Thank you.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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