JSFiddle - React, Tailwind, and code Playground

by yakun chen

HTML

<h3>Numbered 1</h3>
<div class="numbered">
  <p>Lorem ipsum</p>
  <p>Dolor sit</p>
  <p>Amet consectetuer</p>
  <p>Magna aliquam</p>
  <p>Autem veleum</p>
</div>

<h3>Numbered 2</h3>
<ul>
  <p>Lorem ipsum</p>
  <p>Dolor sit</p>
  <p>Amet consectetuer</p>
  <p>Magna aliquam</p>
  <p>Autem veleum</p>
</ul>

<h3>Numbered 3</h3>
<div class="numbered">
  <p>Lorem ipsum</p>
  <p>Dolor sit</p>
  <p>Amet consectetuer</p>
  <p>Magna aliquam</p>
  <p>Autem veleum</p>
</div>

CSS

ul, .numbered {
  border: 1em solid #69b;
  padding: 0 1em 0 1em;
 /*  float: left; */
}
h3{
    /* clear:left; */
}

JavaScript

/*
    
    1) ul,div 均为块儿级元素
    

*/