JSFiddle - React, Tailwind, and code Playground

by 규연 황

HTML

<div>
    <span class="left">네오(Neeo)는 집안에 있는 수많은 리모컨을 한데 통</span>
    <span class="right">2001:10:10</span>
</div>
<div>
    <span class="left">네오(Neeo)는 집안에 있는 수많은 리모컨을을 이주는 스마트홈 네오(Neeo)는 집안에 있는 수많은 리모컨을을 이주는 스마트홈</span>
    <span class="right">2001:10:10</span>
</div>
<div>
    <span class="left">네오(Neeo)는 집안에 있는 수많은 리모컨을 기능을 이컨이다.</span>
    <span class="right">2001:10:10</span>
</div>

CSS

div {
    overflow:hidden;
    background: red;
    margin-bottom: 5px;
    display: table;
    width: 100%;
}
div > .left {
    display: table-cell;
}
div > .right {
    display:table-cell;
    width: 95px;
    text-align:right;
    
}