title: Inline block not working with Python Django
body: <p>So I have had this issue driving me crazy because I thought display: inline-block would work but it does not seem that way with Python Django. I am not sure if my css is bad or if it is my python code. I am very new at python so please excuse for how newb this may look. </p>
  
  <p>Template:</p>
  
  <pre><code>&lt;article class="article top-buffer
  {% if article.is_featured %} featured{% endif %}
  {% if not article.published %} unpublished{% endif %}"&gt;
  
  {% if not detail_view %}
  &lt;div class="hg-box"&gt;
      &lt;div&gt;
          &lt;img src="{% thumbnail article.featured_image 1200x400 crop subject_location=article.featured_image.subject_location %}" class="img-responsive product-main-image"&gt;
      &lt;/div&gt;
      &lt;div class="post-preview hg-post"&gt;
          &lt;a href="{% namespace_url 'article-detail' article.slug namespace=namespace default='' %}"&gt;
              &lt;h2 class="post-title"&gt;
              {% render_model article "title" "" "" "striptags" %} 
              &lt;/h2&gt;
              {% if article.lead_in %}
              &lt;h3 class="post-subtitle"&gt;
                  {% if not detail_view %}
                      {% render_model article "lead_in" "" "" "truncatewords:'20'|striptags" %} 
                  {% else %}
                      {% render_model article "lead_in" "" "" "striptags" %} 
                  {% endif %}
              &lt;/h3&gt;
              {% endif %}
          &lt;/a&gt;
          {% include "aldryn_newsblog/includes/date.html" %}
      &lt;/div&gt;
  &lt;/div&gt;
  {% endif %}
  
  
  {% if detail_view %}
      {% render_placeholder article.content language placeholder_language %}
  {% endif %}
  </code></pre>
  
  <p></p>
  
  <p>Here is my related CSS</p>
  
  <pre><code>.hg-post{background-color:white;padding:0 20px 20px 20px;border:1px solid #E6E3E8;margin-bottom:5px}
  .hg-box{display: inline-block}
  </code></pre>
  
  <p>Post-Preview is just text related so I did not include it. Here is a picture of the site and what I want done. </p>
  
  <p><a href="https://i.stack.imgur.com/U8ApN.png" rel="nofollow noreferrer">code picture</a></p>
  
  <p>Looking at the picture might be a little confusing because there is some bootstrap involved. Which your right because in Django-CMS I can add rows and columns in house. Really cool took if you want an easy site builder and is provided by divio cloud. Here is a picture of the structure tree. </p>
  
  <p><a href="https://i.stack.imgur.com/uCK7Z.png" rel="nofollow noreferrer">structure picture</a></p>
  
  <p>The thumbnails you see in the first image are apart of latest articles in the structure tree. The newsletter sign up is the newsform. Both are separated into their own columns. </p>
  
  <p>If your wondering what the {% if not detail_view %} is than here is the code below for article detail. </p>
  
  <pre><code>{{% block title %}
  {{ article.title }} - {{ block.super }}
  {% endblock %}
  
  {% block header %}
  &lt;!-- Set your background image for this header on the line below. --&gt;
  &lt;header class="intro-header" style="background-image: url(
  {% if article.featured_image_id %}
      {% thumbnail article.featured_image 1200x400 crop subject_location=article.featured_image.subject_location %}
  {% else %}
      {% static 'img/post-bg.jpg' %}
  {% endif %}
  )"&gt;
      &lt;div class="container hg-cover"&gt;
          &lt;div class="row"&gt;
              &lt;div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"&gt;
                  &lt;div class="post-heading"&gt;
                      &lt;h1&gt;{% render_model article "title" "" "" "striptags" %}&lt;/h1&gt;
                      &lt;h2 class="subheading"&gt;{% render_model article "lead_in" "" "" "striptags" %}&lt;/h2&gt;
                      {% include "aldryn_newsblog/includes/date.html" %}
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/header&gt;
  {% endblock %}
  
  {% block newsblog_content %}
  {% include "aldryn_newsblog/includes/article.html" with detail_view="true" %}
  
  {% static_placeholder "newsblog_social" %}
  
  &lt;ul class="pager"&gt;
      {% if prev_article %}
          &lt;li&gt;&lt;a href="{{ prev_article.get_absolute_url }}"&gt;{% trans "Previous Article" %}&lt;/a&gt;&lt;/li&gt;
      {% endif %}
      &lt;li&gt;&lt;a href="{% namespace_url "article-list" %}"&gt;{% trans "Back to Overview" %}&lt;/a&gt;&lt;/li&gt;
      {% if next_article %}
          &lt;li&gt;&lt;a href="{{ next_article.get_absolute_url }}"&gt;{% trans "Next Article" %}&lt;/a&gt;&lt;/li&gt;
      {% endif %}
  &lt;/ul&gt;
  {% endblock %}}enter code here
  </code></pre>
  
  <p>Any recommendations would be a huge help. I apologize if this is hard to follow. I can certainly provide more info if needed. </p>