JSFiddle - React, Tailwind, and code Playground

by okke

HTML

<img src="http://placehold.it/100x100" />
<ul>
    <li><a href="/">Item 1</a></li>
    <li><a href="/">Item 2</a></li>
    <li class="split"><a href="/">Item 3</a></li>
    <li><a href="/">Item 4</a></li>
</ul>

CSS

img { position: absolute; left: 275px; }
ul, li { margin: 0; padding: 0; list-style: none; }
ul { margin-top: 30px; }
li { float: left; margin-right: 10px; }
a { background: #eee; padding: 5px 10px; width: 100px; display: block; }
.split { margin-left: 120px;