Question

I’ve inherited a design where an image is aligned with the right hand side of the viewport using “float:right”. Now I’d like to add some tagline text either above or below that image, which will also align with the right hand side of the viewport. I must not understand the box model whatsover and/or how to use float, because my efforts result in the tagline and image rendering next to one another, or the image left-aligned with the beginning of the tagline.

Below is my CSS that right aligns just the tagline. Thanks in advance.

<div style="margin:5px; float:right;">
    <p>dexygen: Powering the Desk Wide Web</p>
</div>

Answer 1

put <div style="clear: both";></div> after your image 🙂