CSS - Table mode how to display correctly? <p>Good night stackoverflow community! </p> <p>I'm trying to create a table-like model using CSS but having hard time to figure it out. It's a table with text and some images on each row, I've tried the <em>display: table</em> property but got no success on making rows and cells. What I'm trying to do is as follows:</p> <p><img src="https://i.stack.imgur.com/GWOh8.png" alt="Simple to make on paint, sweating to turn CSS"></p> <p>I've tried to apply this css I created to make it at least a table but got no success. Is there anything else I have to put in my css? I really don't want to use tables.</p> <pre><code>#tabelona { display: table; } #linha { display: table-row; } #conteudo { display: table-cell; } </code></pre> <p>Here's the HTML part, I'm just using text first:</p> <pre><code> &lt;div id="tabelona"&gt; &lt;div id="linha"&gt; &lt;div id="conteudo"&gt;1.&lt;/div&gt; &lt;div id="conteudo"&gt;OK&lt;/div&gt; &lt;/div&gt; &lt;div id="linha"&gt; &lt;div id="conteudo"&gt;2.&lt;/div&gt; &lt;div id="conteudo"&gt;OK Too&lt;/div&gt; &lt;/div&gt; &lt;/div&gt; </code></pre> <p>Thank you very much! </p>