0
if I want to attach one picture one the right , another on the left, and some little description in between. how to arrange this layout?
perhaps the two pictures and description text each occupy approximate height and width.
2 Answers
+ 1
<div style="float:left"><img src="#"/></div>
<div style="float:left"><p>text</p></div>
<div style="float:left"><img src="#"/></div>
<p style="clear:left">Anything after</p>
+ 1
25062019 ZinC:
Should have read your answer long ago. This 'float' tag gave me lots of troubles.
- Had not awared any mentioning that 'float' applies to blocks elemenrs only, not to line element. Your codes should be good.
- I followed some example to 'clear' floats in <br style > ; the result varied. Sometimes there are residual text here and there .
- One more thing, even though it is not really recommended unless necessary, to set margins and borders at with floats, but I tried and found it difficult to estimate spacings.
- Will you try this, in your code, increase the length of the text, a lengthy paragraph larger than image div , see if some text overflows ?