title: How to style list and paragraph next to icon?
body: <p>This is what I am trying to achieve:</p>
  
  <p><img src="https://i.imgur.com/I7DCbjC.jpg" alt="SCREEN"></p>
  
  <p>I am using table, because I have multiple of cells like this. What I need is :</p>
  
  <ul>
  <li><p>Paragraph(Procesor) aligned next to icon</p></li>
  <li><p>Unordered list aligned under paragraph and next to icon</p></li>
  <li><p>Line aligned to bottom of cell</p></li>
  <li><p>Same size of cells</p></li>
  </ul>
  
  <p>So far I have:</p>
  
  <pre><code>&lt;td width="275" height="140" class="bottom"&gt;
      &lt;img src="http://imagehost.cz/images/1h636n4fs7e57jqrwk9.png" /&gt;
      &lt;p&gt;Procesor&lt;/p&gt;
      &lt;ul&gt;
          &lt;li&gt;Description&lt;/li&gt;
      &lt;/ul&gt;
      &lt;img src="http://imagehost.cz/images/kuovfjbxatq5vovthqje.png" id="line"/&gt;
  &lt;/td&gt;
  </code></pre>
  
  <p>And CSS is:</p>
  
  <pre><code>.bottom {vertical-align: bottom;}
  #line {display: block;margin: auto;}
  </code></pre>
  
  <p>I know this is probably some noobie mistake, but I am new to this, and I am learning through
  trial-and-error.</p>