JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css">
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script>
<div data-role="page" style="width:320px">
    <div data-role="header">
        <h1>Header</h1>
    </div>
    <div data-role="content">

        <ul class="homemenu">
            <li><a href="#"><img src="http://www.zoobapps.com/icon/macbookprooff-4.png" width="48" height="48" /><br>Menu 1</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/movies-10.png" width="48" height="48" /><br>Menu 2</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/heinekenbeerglass-219.png" width="48" height="48" /><br>Menu 3</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/paint-68.png" width="48" height="48" /><br>Menu 4</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/cowboy-70.png" width="48" height="48" /><br>Menu 5</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/headphones-160.png" width="48" height="48" /><br>Menu 6</a></li>
            <li><a href="#"><img src="http://www.zoobapps.com/icon/ghost-167.png" width="48" height="48" /><br>Menu 7</a></li>
        </ul>

    </div>
    <div data-role="footer">
        Footer
    </div>
</div>

CSS

ul.homemenu li{
    display:block;
    width:72px;
    float:left;
    margin:0;
    padding:8px 0;
    text-align:center;
}