[ liamdelahunty.com | tips | layouts ]
div.float {
float: left;
border: 1px solid #000000;
text-align: center;
background-color: #ffffff;
margin: 10px;
padding: 2px;
}
div.float img {
border: 1px solid #000000;
}
div.float p {
text-align: center;
margin: 0px;
padding: 0px;
}
overflow: auto; height: auto; width: 200px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sem ligula, elementum sit amet, rutrum sit amet, placerat eu, massa. Quisque et pede. Cras arcu. Ut sed turpis vitae ante sodales dictum. Fusce euismod ante a arcu. Vestibulum at orci sed diam consequat ultrices. Praesent diam nisl, luctus eget, euismod in, rhoncus in, mauris. Proin orci ligula, fermentum sit amet, interdum eu, vehicula et, nunc. Nunc ac dolor. Nulla id mi a eros cursus convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc viverra sem eu diam. Pellentesque nibh nunc, cursus a, tempus at, ultricies et, velit. Nam neque quam, sagittis in, viverra bibendum, tincidunt a, nunc. Phasellus bibendum venenatis nibh.
overflow: overflow: scroll; height: 200px; width: 200px
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sem ligula, elementum sit amet, rutrum sit amet, placerat eu, massa. Quisque et pede. Cras arcu. Ut sed turpis vitae ante sodales dictum. Fusce euismod ante a arcu. Vestibulum at orci sed diam consequat ultrices. Praesent diam nisl, luctus eget, euismod in, rhoncus in, mauris. Proin orci ligula, fermentum sit amet, interdum eu, vehicula et, nunc. Nunc ac dolor. Nulla id mi a eros cursus convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc viverra sem eu diam. Pellentesque nibh nunc, cursus a, tempus at, ultricies et, velit. Nam neque quam, sagittis in, viverra bibendum, tincidunt a, nunc. Phasellus bibendum venenatis nibh.
overflow: visible; height: 200px;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sem ligula, elementum sit amet, rutrum sit amet, placerat eu, massa. Quisque et pede. Cras arcu. Ut sed turpis vitae ante sodales dictum. Fusce euismod ante a arcu. Vestibulum at orci sed diam consequat ultrices. Praesent diam nisl, luctus eget, euismod in, rhoncus in, mauris. Proin orci ligula, fermentum sit amet, interdum eu, vehicula et, nunc. Nunc ac dolor. Nulla id mi a eros cursus convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc viverra sem eu diam. Pellentesque nibh nunc, cursus a, tempus at, ultricies et, velit. Nam neque quam, sagittis in, viverra bibendum, tincidunt a, nunc. Phasellus bibendum venenatis nibh.
overflow: hidden; height: 200px;
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Suspendisse sem ligula, elementum sit amet, rutrum sit amet, placerat eu, massa. Quisque et pede. Cras arcu. Ut sed turpis vitae ante sodales dictum. Fusce euismod ante a arcu. Vestibulum at orci sed diam consequat ultrices. Praesent diam nisl, luctus eget, euismod in, rhoncus in, mauris. Proin orci ligula, fermentum sit amet, interdum eu, vehicula et, nunc. Nunc ac dolor. Nulla id mi a eros cursus convallis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos. Nunc viverra sem eu diam. Pellentesque nibh nunc, cursus a, tempus at, ultricies et, velit. Nam neque quam, sagittis in, viverra bibendum, tincidunt a, nunc. Phasellus bibendum venenatis nibh.