title: Remove white space between divs when using jinja2
body: <p>So I get that white spaces are created if two inline divs are next to each other with a new line.
  But my problem is that I have a bunch of jinja 2 code so I can't just put the divs on the same line.</p>
  
  <p>I want to put <code>divs</code> inline so that they appear next to each other without space in between them. My layout is dynamically generated. Here is what it looks like now<img src="https://i.stack.imgur.com/XMl6n.png" alt="enter image description here"></p>
  
  <p>The container is <code>900px</code> wide so I tried to make each data div to be <code>300px</code> so I can have 3 fields per row.</p>
  
  <p>This is what I would like it to look like:
  <img src="https://i.stack.imgur.com/9KZtc.png" alt="enter image description here"></p>
  
  <p>Here is the code for the title and the fields:</p>
  
  <pre><code>HTML/Jinja2
  
          &lt;div class="section"&gt;
  
              &lt;div class="sectionTitle"&gt;
                  &lt;label class="print_h3"&gt;{{ title }} Info&lt;/label&gt;&lt;br /&gt;
              &lt;/div&gt;
  
              &lt;div class="print_dataDiv"&gt;
                  &lt;label class="print_inputBoxLabels"&gt;Model&lt;/label&gt;
                  &lt;select name="model" class="print_inputBoxes"&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              &lt;div class="print_dataDiv"&gt;
                  &lt;label class="print_inputBoxLabels"&gt;Substation&lt;/label&gt;
                  &lt;select name="substation" class="print_inputBoxes"&gt;
                  &lt;/select&gt;
              &lt;/div&gt;
              {% for field in field_list %}
                  &lt;div class="print_dataDiv"&gt;
                      &lt;label class="print_inputBoxLabels"&gt;{{field.field_name}}&lt;/label&gt;
                      &lt;input class="print_inputBoxes" name="field_{{field.field_id}}_{{field.device_id}}" value="{{field.field_value}}" type="input"&gt;
                  &lt;/div&gt;
              {% endfor %}
          &lt;/div&gt;
  
  CSS(in order as they appear in the code):
  .section{
      width: 100%;
      height: auto;
      border: solid 1px;
  }
  .sectionTitle{
      width: 100%;
      text-align: center;
      height: 30px;
      border: solid 1px;
      background: #B3B3B3;
      border-left: none;
      border-right: none;
      //margin-bottom: 5px;
  }
  .print_dataDiv {
      height: 30px;
      width: 300px;
      display: inline-block;
      border: solid 2px;
  }
  .print_inputBoxLabels{
      width: 140px;
      height: 30px;
      display: block;
      text-decoration: none;
      float: left;
      font-size: 80%;
      margin-left: 2px;
      margin-left: 2px;
  }
  .print_inputBoxes{
      width: 130px;
      height: 30px;
      display: inline-block;
      float: right;
      outline:none;
  }
  </code></pre>
  
  <p>EDIT: here is a bigger example of my jinja2 code that prevents lining the divs up on the same line</p>
  
  <pre><code>{% for inspection in data.inspections %}
                                  &lt;div class="print_dataDiv"&gt;
                                      &lt;label class="print_inputBoxLabels"&gt;{{ inspection.insName }}&lt;/label&gt;
                                      {% if inspection.statusDict|length &gt; 0 %}
                                          &lt;select class="print_inputBoxes" name="inspection_{{ inspection.insID }}_{{ inspection.inspectionID }}"&gt;
                                              {% for key, value in inspection.statusDict.iteritems() %}
                                                  {% if key == inspection.value %}
                                                      &lt;option selected="selected" value="{{key}}"&gt;{{value}}&lt;/option&gt;
                                                  {% else %}
                                                      &lt;option value="{{key}}"&gt;{{value}}&lt;/option&gt;
                                                  {% endif %}
                                              {% endfor %}
                                          &lt;/select&gt;
                                      {% else %}
                                          &lt;input type="text" class="print_inputBoxes" name="inspection_{{ inspection.insID }}_{{ inspection.inspectionID }}" value="{{inspection.value}}"&gt;
                                      {% endif %}
                                  &lt;/div&gt;
                              {% endfor %}
  </code></pre>