title: Styling dynamic content where there isn't always content
body: <p>OK, so my title is terrible.  Anyway-</p>
  
  <p>I'm trying to style a simple "product info" template.  The CMS I use is drawing in dynamic product information from tags.  Looks like this- the divs are styled so they line up as two columns:</p>
  
  <pre><code> &lt;div class="specslabel"&gt;
  
          &lt;strong&gt;
  
          {rs_size_lbl} &lt;br /&gt;
          {rs_material_lbl} &lt;br /&gt;
          {rs_application_lbl} &lt;br /&gt;
          {rs_fitting_system_lbl}
  
          &lt;/strong&gt;  
  
          &lt;/div&gt;  
  
          &lt;div class="specs"&gt;
  
          {rs_size} &lt;br /&gt;
          {rs_material} &lt;br /&gt;
          {rs_application} &lt;br /&gt;
          {rs_fitting_system}    
  
  
      &lt;/div&gt;
  </code></pre>
  
  <p>It all works fine when all those tags are pulling in information properly.  However, sometimes one of those fields (it draws from a CSV file) is empty.  The tags are smart and won't show the {_lbl} (field label) content if there is no content in the according field.  Then there is a blank line, obviously because of the line break.</p>
  
  <p>If I don't use line breaks, the "_lbl" tags all stack up (since the labels are generally short text).  Is there another way to style this so that when no content is drawn in, there is no line break- but when there is content, there is a line break?</p>