JSFiddle - React, Tailwind, and code Playground

HTML

<div class="single-product">

<div class="short-description">
    <div  class="table">
      <ul class="table">

        <li>A</li>

        <li class="odd">B</li>

        <li>C</li>

        <li class="odd">D</li>

          <li>E</li><br/>

      </ul>
    </div>
</div>

</div>

CSS

.single-product .short-info .short-description{
	float:right;
	width:745px;
}

table{
background:transparent;
border:0px;
border-collapse:separate;
}

.single-product .table li{
	padding-top:6px;
	padding-bottom:6px;
	font:16px/16px Cuprum;
	color:#393939;
	list-style-type:none;
	padding-left:10px;
	padding-right:10px;
}

.single-product .table li.odd{
	padding-top:6px;
	padding-bottom:4px;
	background:#e6e6e6;
}