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? | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
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.

12th Jun 2016, 10:40 AM
Alexis Cheuk Yan Lee
Alexis Cheuk Yan Lee - avatar
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>
12th Jun 2016, 1:33 PM
ZinC
ZinC - avatar
+ 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 ?
25th Jun 2019, 9:47 AM
Alexis Cheuk Yan Lee
Alexis Cheuk Yan Lee - avatar