JSFiddle - React, Tailwind, and code Playground

by navinleon

HTML

<div class="view-table">
    <div class="view-row">
        <div class="view-type">Type</div>
        <div class="view-name">Lorem ipsum dolor sit amet, at assum gubergren his, ex iudicabit dissentiunt intellegebat has. Ne odio detraxit instructior vim. Fugit velit consetetur an eos. Ea suas veri mnesarchum mel. Eu qui impetus placerat conceptam, tale antiopam abhorreant ei vel. Clita quodsi an qui, reque admodum has no. Sit no homero vulputate complectitur, dicam voluptua incorrupte cum id.</div> 
        <div class="view-name">Lorem ipsum dolor sit amet, at assum gubergren his, ex iudicabit dissentiunt intellegebat has. Ne odio detraxit instructior vim. Fugit velit consetetur an eos. Ea suas veri mnesarchum mel. Eu qui impetus placerat conceptam, tale antiopam abhorreant ei vel. Clita quodsi an qui, reque admodum has no. Sit no homero vulputate complectitur, dicam voluptua incorrupte cum id.</div>
    </div>
</div>

CSS

.view-table
{
    display:table;
    width:100%;
}
.view-row
{
    display:table-row;
}
.view-row > div
{
    
    
}
.view-name 
{
    text-align:right;
    background-color: lightblue;
}
.view-type
{
    background-color: pink;
}