JSFiddle - React, Tailwind, and code Playground

HTML

<p>What is the best way to make a table (not necessarily using the table tag) where each row has a fixed height and fills the entire available horizontal space and one of the columns has a dynamic width that shows as much text as possible without line breaking? Like Gmail and Google Reader.

I really like that way of presenting information. The expandable fixed height row is a good way to scan through a list of data, IMHO.</p>

CSS

p {
    border: 1px dashed #666;
    white-space: nowrap;
    text-overflow: ellipsis
}