Home/ Questions/Q 6151215
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T19:44:22+00:00

Consider the following HTML structure: <div class=content> <div class=field field-type-date field-field-event-date> <div class=field-items> <div

  • 0

Consider the following HTML structure:

<div class="content">
  <div class="field field-type-date field-field-event-date">
    <div class="field-items">
      <div class="field-item odd">
        <span class="date-display-single">Fri 24 Jun 2011</span>
      </div>
    </div>
  </div>
  <p>
    Don't miss your chance to see the incredible artwork produced by this year's Creative Arts students at Fareham College.
  </p>
  <p>
    The exhibition will be held on the College campus, featuring work from our Art, Graphic Design, Photography, Fashion and Media students.
  </p>
  <p>
    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.
  </p>
  <p>
    We look forward to seeing you.
  </p>
  <div class="field field-type-filefield field-field-event-image">
    <div class="field-items">
      <div class="field-item odd">
        <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">
      </div>
    </div>
  </div>
</div>

Here’s the actual page with the above code in action: http://www.fareham.ac.uk/events/2011/06/creative-arts-summer-exhibition

Is it possible to float the image to one side and have the text wrap around it? If so, how can I achieve this?

Thank you.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    If you move your <div> tag containing your image above your paragraphs and then float left or right then that will cause the text to wrap around your image.
    Like so,

    <div class="content">
<div class="field field-type-date field-field-event-date">
<div class="field-items">
        <div class="field-item odd">
                <span class="date-display-single">Fri 24 Jun 2011</span>        </div>
    </div>
</div>
<div class="field field-type-filefield field-field-event-image" style="float: right;">
<div class="field-items">
        <div class="field-item odd">
                <img class="imagefield imagefield-field_event_image quimby_search_image" width="188" height="266" alt="" src="http://www.fareham.ac.uk/sites/default/files/creative-arts-summer-exhibition.jpg?1310378590">        </div>
    </div>
</div>
<p>Don't miss your chance to see the incredible artwork produced by this year's Creative Arts students at Fareham College.</p>
<p>The exhibition will be held on the College campus, featuring work from our Art, Graphic Design, Photography, Fashion and Media students.</p>
<p>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.</p>
<p>We look forward to seeing you.</p>
</div>
    • 0