JSFiddle - React, Tailwind, and code Playground

by Brett DeWoody

HTML

Text Before

<div class="wrapper">
  <ul>
    <li>test1</li>
    <li>test2</li>       
    <li>test3</li>
    <li style="background:#555">test4</li>
  </ul>
</div>

Text After

CSS

.wrapper {
    display:block;
}

.wrapper ul {
    display:inline-block;
    list-style-type: none;
    background: #888;
}

.wrapper li {
    float: left;
    padding: 10px;
}

.wrapper:after {
    content: '';
    display: block;
    clear: both;
}