CSS Flex & Clear

FIRST PARAGRAPH – Nullam elementum neque vel mi interdum rhoncus. Ut cursus consequat dictum. Sed nec nibh eu nulla eleifend tempor et ac risus. Ut accumsan ut enim sed dictum. Donec lacinia ornare turpis, sit amet bibendum turpis rutrum ut. Phasellus luctus egestas viverra. Morbi tellus enim, gravida id ex eget, imperdiet sagittis enim. Quisque auctor bibendum congue. Phasellus sit amet lacus porta, eleifend lectus in, posuere risus. Suspendisse eu ultricies nisi. Donec fringilla, felis vestibulum commodo tincidunt, dui metus dictum ipsum, nec lacinia metus quam vel est. Nam eget lectus sit amet nibh porta auctor. Vestibulum maximus feugiat molestie. Donec enim magna, mollis a efficitur non, rutrum id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

SECOND PARAGRAPH – Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel diam euismod, rhoncus velit nec, lacinia velit. Proin pellentesque, est ut feugiat euismod, mauris massa egestas erat, at sodales ipsum ante sed libero. Vestibulum convallis nisl lectus, non consectetur nunc ultrices a.

THIRD PARAGRAPH – Donec fringilla nisi a placerat scelerisque. Praesent eu nisl eget odio vulputate vulputate quis a augue.

FIRST PARAGRAPH – Nullam elementum neque vel mi interdum rhoncus. Ut cursus consequat dictum. Sed nec nibh eu nulla eleifend tempor et ac risus. Ut accumsan ut enim sed dictum. Donec lacinia ornare turpis, sit amet bibendum turpis rutrum ut. Phasellus luctus egestas viverra. Morbi tellus enim, gravida id ex eget, imperdiet sagittis enim. Quisque auctor bibendum congue. Phasellus sit amet lacus porta, eleifend lectus in, posuere risus. Suspendisse eu ultricies nisi. Donec fringilla, felis vestibulum commodo tincidunt, dui metus dictum ipsum, nec lacinia metus quam vel est. Nam eget lectus sit amet nibh porta auctor. Vestibulum maximus feugiat molestie. Donec enim magna, mollis a efficitur non, rutrum id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

clearfix

FIRST PARAGRAPH – Nullam elementum neque vel mi interdum rhoncus. Ut cursus consequat dictum. Sed nec nibh eu nulla eleifend tempor et ac risus. Ut accumsan ut enim sed dictum. Donec lacinia ornare turpis, sit amet bibendum turpis rutrum ut. Phasellus luctus egestas viverra. Morbi tellus enim, gravida id ex eget, imperdiet sagittis enim. Quisque auctor bibendum congue. Phasellus sit amet lacus porta, eleifend lectus in, posuere risus. Suspendisse eu ultricies nisi. Donec fringilla, felis vestibulum commodo tincidunt, dui metus dictum ipsum, nec lacinia metus quam vel est. Nam eget lectus sit amet nibh porta auctor. Vestibulum maximus feugiat molestie. Donec enim magna, mollis a efficitur non, rutrum id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

overflow

FIRST PARAGRAPH – Nullam elementum neque vel mi interdum rhoncus. Ut cursus consequat dictum. Sed nec nibh eu nulla eleifend tempor et ac risus. Ut accumsan ut enim sed dictum. Donec lacinia ornare turpis, sit amet bibendum turpis rutrum ut. Phasellus luctus egestas viverra. Morbi tellus enim, gravida id ex eget, imperdiet sagittis enim. Quisque auctor bibendum congue. Phasellus sit amet lacus porta, eleifend lectus in, posuere risus. Suspendisse eu ultricies nisi. Donec fringilla, felis vestibulum commodo tincidunt, dui metus dictum ipsum, nec lacinia metus quam vel est. Nam eget lectus sit amet nibh porta auctor. Vestibulum maximus feugiat molestie. Donec enim magna, mollis a efficitur non, rutrum id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;

flow-root

FIRST PARAGRAPH – Nullam elementum neque vel mi interdum rhoncus. Ut cursus consequat dictum. Sed nec nibh eu nulla eleifend tempor et ac risus. Ut accumsan ut enim sed dictum. Donec lacinia ornare turpis, sit amet bibendum turpis rutrum ut. Phasellus luctus egestas viverra. Morbi tellus enim, gravida id ex eget, imperdiet sagittis enim. Quisque auctor bibendum congue. Phasellus sit amet lacus porta, eleifend lectus in, posuere risus. Suspendisse eu ultricies nisi. Donec fringilla, felis vestibulum commodo tincidunt, dui metus dictum ipsum, nec lacinia metus quam vel est. Nam eget lectus sit amet nibh porta auctor. Vestibulum maximus feugiat molestie. Donec enim magna, mollis a efficitur non, rutrum id turpis. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae;