JSFiddle - React, Tailwind, and code Playground

HTML

<p>Logo</p>
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li class="break">Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
<li>Item 6</li>
</ul>

CSS

p { width:60px; height:60px; background:red; position:absolute; 
    left:260px; top:0; }
ul, li { margin:0; padding:0; list-style:none; }
ul { margin-top:15px; }
li { width:68px; float:left; padding:5px; background:lightblue; 
    border:1px solid blue; }
li.break { margin-right:100px; }