i'm trying 3 paragraphs of text float right of image. however, float: right; isn't working. instead, text , background-color (that added testing) placed above image, covering completely.
what heck missing?
<div style="width: 100%; max-width: 1200px; height: 500px; background-color: purple;"> <a href="url"><img src="url" style="max-width: 406px; width: 30%; height: auto; float: left; background-color: red; position: absolute;"></a> <div style="float: right; background-color: green; position: absolute; max-width: 790px; width:69%;"> <p> text..... </p> <p> more text</p> <p>final paragraph </p> </div> </div>
you using position:absolute; floats same elements. try using floats.
