UL-LI table

HTML

<div class="tableEmulator">
    <ul class="trEmulator">
        <li class="tdEmulator">Some text</li>
        <li class="tdEmulator">Some text</li>
        <li class="tdEmulator">Some text</li>
    </ul>
    <ul class="trEmulator">
        <li class="tdEmulator">Some text</li>
        <li class="tdEmulator">Some text</li>
        <li class="tdEmulator">Some text</li>
        <li class="tdEmulator">Some text</li>
    </ul> 
</div>

CSS

.tableEmulator {
    display: -webkit-inline-flex;
    display: inline-flex;
    /** section - comment for ul to be columns**/
    -webkit-flex-direction:column;
    flex-direction: column;
    /** end section **/
    border: 1px solid;
    border-color: blue;
    min-width: 172px;
    
}
ul.trEmulator {
    display: -webkit-flex;
    display:flex;
   -webkit-flex-direction:column
    clear:both;
    border: 0px solid;
    border-color: red;
    width:auto;  
}
.trEmulator li {
    list-style:none;
    position: relative;
    padding: 5px 10px;
    border: 1px solid #eee; 
}