title: Same height title in bootstrap columns
body: <p>I have html (bootstrap css) like this:</p>
  
  <pre><code>&lt;div class="container"&gt;
    &lt;div class="row"&gt;
      &lt;div class="col-xs-6 col"&gt;   
        &lt;div class="block"&gt;    
          &lt;div class="title"&gt;
            &lt;strong&gt;Dynamic title 1 line&lt;/strong&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;i&gt;Prop 1&lt;/i&gt;
          &lt;/div&gt;
          &lt;div&gt;
            Value 1
          &lt;/div&gt;  
         &lt;/div&gt; 
      &lt;/div&gt;
      &lt;div class="col-xs-6 col"&gt;   
        &lt;div class="block"&gt;
          &lt;div class="title"&gt;
            &lt;strong&gt;Dynamic title &lt;br&gt;more than 1 line&lt;/strong&gt;
          &lt;/div&gt;
          &lt;div&gt;
            &lt;i&gt;Prop 1&lt;/i&gt;
          &lt;/div&gt;
          &lt;div&gt;
            Value 1
          &lt;/div&gt;  
         &lt;/div&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And css like this</p>
  
  <pre><code>.block{
      border: 1px solid black;
      margin: 10px;
      padding: 10px;
      text-align: center;
  }
  
  .title{
    margin-bottom: 10px;
    min-height: 40px;
  }
  </code></pre>
  
  <p>Title comes as dynamic text so it can be 1, 2, or 3 lines. Is there a way to make <code>title</code> height the same height as the height in the 'highest' title with <code>css only</code>. I want properties be aligned regardless of the title text coming in from api. I would like the above example to work without setting <code>min-height: 40px;</code> because I don't know what min-height should be.</p>
  
  <p><a href="http://jsfiddle.net/DTcHh/28125/" rel="noreferrer">http://jsfiddle.net/DTcHh/28125/</a></p>