JSFiddle - React, Tailwind, and code Playground

by wesley_murch

HTML

<div class="mid_list1">
  <div class="mid2_img"> </div>
  <div class="clear"></div>
    <ul>
    <li>Lorem Ipsum is simply dummy text of the printing </li>
     <li>Lorem Ipsum is simply dummy text of the printing </li>
      <li>Lorem Ipsum is simply dummy text of the printing </li>
       <li>Lorem Ipsum is simply dummy text of the printing </li>


    </ul>
   </div>

CSS

.mid2_img{margin:8px 5px 5px 5px;}
.mid_list1{width:240px; height:100%; float:left; margin:0px 0px 0px 5px; background:url(../images/mid2_bor_bg.jpg) repeat-y  right top; padding-left:5px;}
.mid_list1 ul{list-style:none; margin:0px; padding:0px;}
.mid_list1   li{background-image:url(../images/bullet.png);  background-repeat:no-repeat; background-position:0em 1.5em; padding:15px 0px 15px 20px; vertical-align:top; text-align:left;}