Flotados posicionados ver.2

Emulación de un flotado posicionado puro css

by kseso

HTML

<div id="container">
        <img src="http://1.bp.blogspot.com/-SYCCFUmqXdk/T4lhcj6jQsI/AAAAAAAAASA/M--Pww9J_3g/s400/anisdelmono-.jpg" alt="#" />
<p>Ut Nulla Vivamus In tellus vel gravida Nulla non quis tortor. Enim est aliquet Quisque mauris convallis elit risus augue ac Curabitur. Sed est Curabitur volutpat eget semper feugiat Nam Aenean eget elit. At sit ut sit facilisi orci eu fringilla sit Quisque sed. Sed nibh quis Ut auctor et nibh et Vivamus venenatis risus. Turpis eros mattis Vivamus vel dictum sollicitudin semper nascetur.Condimentum malesuada lobortis porta Pellentesque nunc wisi Nunc ac dolor id. Montes rutrum ante amet sem Curabitur lorem ante semper Vestibulum tincidunt. Est lacinia dapibus vitae id dui Sed Quisque mi tellus est. Tincidunt malesuada faucibus ipsum Morbi urna sit montes urna fames nulla. In Donec id Nulla nulla Vestibulum ac consectetuer laoreet Suspendisse sem. Orci sed ligula In justo iaculis mauris risus nunc metus.
<p>Lacinia nulla ac Duis adipiscing eu platea Pellentesque semper est lacus. Lorem id ante adipiscing neque feugiat id nisl tellus euismod tellus. Fringilla fringilla urna elit felis vitae platea Maecenas quis pretium enim. Non quis augue libero gravida et wisi Sed massa faucibus eget. Sagittis parturient augue et ut urna convallis ante.Condimentum malesuada lobortis porta Pellentesque nunc wisi Nunc ac dolor id. Montes rutrum ante amet sem Curabitur lorem ante semper Vestibulum tincidunt. Est lacinia dapibus vitae id dui Sed Quisque mi tellus est. Tincidunt malesuada faucibus ipsum Morbi urna sit montes urna fames nulla. In Donec id Nulla nulla Vestibulum ac consectetuer laoreet Suspendisse sem. Orci sed ligula In justo iaculis mauris risus nunc metus.</p>
    </div>

CSS

* {margin: 0; padding: 0; border: none; position: relative;}
body {
    font-family: 'Lucida Grande', 'Helvetica Neue', sans-serif;
    font-size: 1em;
}
#container {
  width: 600px;
  margin: 0 auto;
  border: 1px solid #444;
  overflow: hidden;
}
#container img {
  bottom: 10px;
  max-width: 250px;
  position: absolute;
  right: 10px;
}
#container p {width: auto; padding: 10px;}
#container p:last-child {text-align: justify;}
#container p:last-child::before {
  content: "";
  float: right;
  height: 300px;
  width: 255px;
}