alignleft and wrapping

  • Resolved lbart

    (@lbart)


    11 years, 3 months ago

    I am using the wrap-around function (with alignleft) to put my image on the left and my text on the right. It works fine except I want more text to appear BELOW the image in a new paragraph. How can I force this paragraph flush with the left margin? Because the theme resizes stuff based on the size of the monitor, which is great, but it causes my below-image text to wrap up the right side of my image in wide monitors.

    Example url: https://lindaburrow.com/painting_back-home-in-louisiana/

    I want the blue paragraphs to begin UNDER the image, not to the right. What do I do, and thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

  • Personally, I would wrap the image and the first bit of text inside a

    <div class="row-fluid">
image and text here
</div>

    This will make sure it stays together in the same row, is still responsive, and yet will (should!) bounce the next paragraph onto a separate row. On my site, I went further and wrapped each image or text-block within in it’s own spanx class, to have complete control on how wide each is:

    <div class="row-fluid">

<div class="span4">
Image here
</div>

<div class="span4">
Text here
</div>

<div class="span4">
Image here
</div>

</div>

    You can see the results here.

    Just make sure that your spans add up to 12 in each “row-fluid”. So 3 x span4, or 2 x span3 plus 1 x span6, etc.

    Thread Starter lbart

    (@lbart)

    wow that page looks great! Thanks SO much for the help, I had tried everything I could think of.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘alignleft and wrapping’ is closed to new replies.