Powerlist floats to flexbox
by Troy Johnson
HTML
<ul class="flex-container">
<li class="flex-item"><strong><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Paperback - Fiction" />Paperback Fiction</strong>
<br />
<img alt="#1 Bestseller Americanah by Chimamanda Ngozi Adichie" class="bookimage-header" style="height: 175px;" src="http://powerlist.info/images/powercovers/9780307455925p.jpg" />
</a>
<br /><em>Americanah</em>
<br />by Chimamanda Ngozi Adichie
<br /><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Paperback - Fiction" />(Read Full List)</a>
</li>
<li class="flex-item">
<strong><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Hardcover - Fiction" />Hardcover<br />Fiction</strong>
<br />
<img alt="#1 Bestseller Rose Gold by Walter Mosley" class="bookimage-header" style="height: 175px;" src="http://powerlist.info/images/powercovers/9780385535977p.jpg" />
</a>
<br /><em>Rose Gold</em>
<br />by Walter Mosley
<br /><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Hardcover - Fiction" />(Read Full List)</a>
</li>
<li class="flex-item">
<strong><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Paperback - Non-Fiction" />Paperback<br />Non-Fiction</strong>
<br />
<img alt="#1 Bestseller Super Shred: The Big Results Diet: 4 Weeks, 20 Pounds, Lose It Faster! by Ian K. Smith, M.D." class="bookimage-header" style="height: 175px;" src="http://powerlist.info/images/powercovers/9781250061201p.jpg" />
</a>
<br /><em>Super Shred: The Big Results Diet: 4 Weeks, 20 Pounds, Lose It Faster!</em>
<br />by Ian K. Smith, M.D.
<br /><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Paperback - Non-Fiction" />(Read Full List)</a>
</li>
<li class="flex-item">
<strong><a href="http://powerlist.info/power-list.php?header=Winter 2015 - Hardcover -...
CSS
.flex-container {
padding: 0;
margin: 0;
list-style: none;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.flex-item {
background: #fff;
padding: 5px;
width: 240px;
margin-top: 10px;
text-align: center;
}