Overflow: hidden; – CSS Tutorial – Correcting Orphans w/ Overflow – CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka

hidden; to fix the problem. Add overflow: hidden; to your targeted <p> tag with CSS Specificity, or wrap the paragraph with a container that has overflow:hidden; applied to it.
… As you can see, the paragraphs do not wrap around the floated image. Take a look at the HTML and CSS below for a demonstration.
via Overflow: hidden; – CSS Tutorial – Correcting Orphans w/ Overflow – CSS Overflow Tricks and Tips | HTML/CSS Tutorials | Web Design Tutorials and Front-end Development Blog by Soh Tanaka.

This entry was posted in Cascading Style Sheets. Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>