title: cant get table and text to sit next to each other properly
body: <p>I'm struggling to get this 'table' (don't know what else to call it) and text to sit next to each other properly. As I add more text the table moves down. I want it to stay in the same place ideally so it's aligned with the text properly. Any help would be much appreciated.</p>
  
  <pre class="lang-css prettyprint-override"><code>div.content2 {
    margin-right: 51%;
    margin-left: 5%;
    border: 1px solid #000000;
    position: static;
    min-width: 400px;
    max-width: 532px;
    padding-bottom: 30px;
  }
  </code></pre>
  
  <pre class="lang-html prettyprint-override"><code>&lt;head&gt;
    &lt;style type="text/css"&gt;
      p {
        margin-left: 50em;
        margin-right:
      }
    &lt;/style&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
    &lt;H4 style="margin-left:3em; "&gt; News &lt;/H4&gt;
    &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut lacinia vestibulum quam sit amet aliquet. dsfsnffskdnfsdznf kdhnsfksdnfksdfnk hello hello hello hello hello hello hello
    &lt;/p&gt;
  
    {% paginate blogs.Studio.articles by 100 %} {% for article in blogs.Studio.articles limit: 5 %}
    &lt;div class="content2"&gt;
      &lt;h4&gt;&lt;a href="{{ article.url }}"&gt;{{ article.title }}&lt;/a&gt;&lt;/h4&gt;
      {{ article.excerpt | strip_html | truncatewords:70 }}
    &lt;/div&gt;
    {% endfor %} {% endpaginate %}
  &lt;/body&gt;
  </code></pre>