JSFiddle - React, Tailwind, and code Playground

HTML

<p>This is paragraph1</p>
<ul>
    <li>The text line one </li>
    <li>The text line two </li>
    <li>The text line three </li>    
</ul>
<p>This is paragraph2</p>
<ul>
    <li>The text line one </li>
    <li>The text line two </li>
    <li>The text line three </li>    
</ul>

CSS

p{
    float:left;
    clear:both;
    margin:10px 0px;
}
ul{
    float:left;
    clear:both;
    margin:0px 0px 0px 50px;
    padding:0px;
}
ul li{
    float:left;
margin: 0.5em 0em 0.5em 1em;
padding:0em;
list-style-type:disc;
clear:both;    
}