JSFiddle - React, Tailwind, and code Playground

by Anuj Kumar

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<h2>Demo1</h2>
<ul class="demo1">
    <li>asd asd aasd sdasda </li>
    <li>asd asd </li>
     <li>asd asd aasd sdasda </li>
    <li>asd asd </li>
</ul>
<div class="clearfix"></div>
<h2>Demo2</h2>
<ul class="demo2">
     <li>asd asd aasd sdasda </li>
    <li>asd asd </li>
     <li>asd asd aasd sdasda </li>
    <li>asd asd </li>
</ul>

CSS

ul{
    margin:10px !important
}
ul li{
    float:left;
    list-style-type:none;
    width:49%;
    border:1px solid red;
    vertical-align:top;
    padding:15px;
}
ul.demo2 li{
    min-height:100px
}