Home/ Questions/Q 481299
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T00:58:49+00:00

tring to flow text around an image: HTML <div> <span id=photo><img src=photo.png</span> <span id=text>Lorem

  • 0

tring to flow text around an image:

HTML

<div>
  <span id="photo"><img src="photo.png"</span>
  <span id="text">Lorem Ipsum, blah, blah, blah ...</span>
</div>

CSS

#photo {float:left;margin:0px 8px 5px 0px;}
#text {text-align:justify;}**

The text flows around the image, but it is not justified (alignment is left). If I float the text element left, then the alignment is correct (justified, as I want), but then the text does not flow around the image, rather it flows below the image – how can I fix this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The text-align property actually belongs on the enclosing block element not the inline element. So move it to the enclosing block:

    div { text-align: justify; }

    See 16.2 Alignment: the ‘text-align’ property of the Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification:

    This property describes how inline
    content of a block is aligned    . Values
    have the following meanings:

    (emphasis added)

    • 0