JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
        <li>Item 4</li>        
    </ul>
</div>

CSS

div {
    display:inline-block;
    width: 1024px
    background:red;
}

div ul {
    display:inline-block;
    width:100%;
    margin:0;
    padding:0;
    background: lightgray;
}


div ul li{
float right
    display:inline-block;
    width:100%;
    margin:15px 0;
}