title: CSS - Styling ul elements as if they were table row elements
body: <p>I'm working on a rather difficult styling problem. I've got a collection of ul elements that are contained inside a div tag. Visually, each ul should be displayed as a row in a table. The structure is as follows:</p>
  
  <pre><code>&lt;div class="tableElementEmulation"&gt;
     &lt;ul class="trElementEmulation"&gt;
        &lt;li class="tdElementEmulation"&gt;Some text&lt;/li&gt;
        &lt;li class="tdElementEmulation"&gt;Some text&lt;/li&gt;
        &lt;li class="tdElementEmulation"&gt;Some text&lt;/li&gt;
        &lt;li class="tdElementEmulation"&gt;Some text&lt;/li&gt;
     &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I need to style this structure to function as if it were an HTML table. This has proven to be very difficult because the table element handles a lot of table formatting by itself without any extra css. I'm not a CSS master by any means, so replicating that functionality hasn't been very successful thus far.</p>
  
  <p>Obviously it would just be easier to use an actual HTML table to achieve this formatting, but I'm using a plugin for this page that only works on a structure similar to what I've listed above. I'm required to use this plugin for the page, so just using an HTML table is unfortunately not an option. <strong>Does anyone have any suggestions regarding achieving table-like styling on this html structure listed above?</strong></p>