title: How can I get these span elements to expand to fill their full height?
body: <h3>CSS:</h3>
  <pre><code>.events_holder {
      width:100%;
      background-color: #d9ceae;
  }
      .events_holder .event_holder {
          width:100%;
          float: left;
          min-height: 20px;
      }
          .events_holder .event_holder .event_data {
              border: thin gray dotted;
              font-size: 80%;
              float:left;
              min-height:20px;
          }
          
          .events_holder .event_holder .event_date {
              width: 22%;
          }
          
          .events_holder .event_holder .event_title {
              width: 22%;
          }
          
          .events_holder .event_holder .event_venue {
              width: 15%;
          }
          
          .events_holder .event_holder .event_city {
              width: 27%;
          }
          
          .events_holder .event_holder .event_type{
              width: 10%;
          }
  </code></pre>
  <p><code>.events_holder</code>, and <code>.event_holder</code> are both <code>div</code>'s, the rest are spans.<br />
  Every span also has the class <code>.event_data</code>.<br />
  The problem I am having now, is if one of the spans are taller than 20px, the other spans do not expand with them.</p>
  <p>How can I get the height of the spans to be equal?</p>
  <hr />
  <h3>Markup:</h3>
  <pre><code>&lt;div class=&quot;events_holder&quot;&gt;&lt;div class=&quot;event_holder&quot;&gt;
                  &lt;span class=&quot;event_date event_data faded&quot;&gt;06/30/09&lt;br&gt;08:06 pm - 10:06 pm&lt;/span&gt;
  
                  &lt;span class=&quot;event_title event_data&quot;&gt;
                      event name&lt;br&gt;
                      &lt;span class=&quot;small&quot;&gt; subtitle for the event &lt;/span&gt;
                  &lt;/span&gt;
                  &lt;span class=&quot;event_venue event_data&quot;&gt;
                      The NYC cafe
                  &lt;/span&gt;
                  &lt;span class=&quot;event_city event_data faded&quot;&gt;
  
                      My first city
                  &lt;/span&gt;
                  &lt;span class=&quot;event_type event_data faded&quot;&gt;
                      Events
                  &lt;/span&gt;
              &lt;/div&gt;
              &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;
              &lt;div class=&quot;event_holder&quot;&gt;
                  &lt;span class=&quot;event_date event_data faded&quot;&gt;06/19/09&lt;br&gt;08:06 pm - 10:06 pm&lt;/span&gt;
  
                  &lt;span class=&quot;event_title event_data&quot;&gt;
                      Test Event&lt;br&gt;
                      &lt;span class=&quot;small&quot;&gt;  &lt;/span&gt;
                  &lt;/span&gt;
                  &lt;span class=&quot;event_venue event_data&quot;&gt;
                      The NYC cafe
                  &lt;/span&gt;
                  &lt;span class=&quot;event_city event_data faded&quot;&gt;
  
                      My first city
                  &lt;/span&gt;
                  &lt;span class=&quot;event_type event_data faded&quot;&gt;
                      Events
                  &lt;/span&gt;
              &lt;/div&gt;
              &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;
              &lt;div class=&quot;event_holder&quot;&gt;
                  &lt;span class=&quot;event_date event_data faded&quot;&gt;06/19/09&lt;br&gt;08:06 pm - 10:06 pm&lt;/span&gt;
  
                  &lt;span class=&quot;event_title event_data&quot;&gt;
                      Copy of Test Event&lt;br&gt;
                      &lt;span class=&quot;small&quot;&gt;  &lt;/span&gt;
                  &lt;/span&gt;
                  &lt;span class=&quot;event_venue event_data&quot;&gt;
                      The NYC cafe
                  &lt;/span&gt;
                  &lt;span class=&quot;event_city event_data faded&quot;&gt;
  
                      My first city
                  &lt;/span&gt;
                  &lt;span class=&quot;event_type event_data faded&quot;&gt;
                      Events
                  &lt;/span&gt;
              &lt;/div&gt;
              &lt;div style=&quot;clear: both;&quot;&gt;&lt;/div&gt;
              &lt;/div&gt;
        &lt;div style=&quot;clear: both;&quot;&gt;
  </code></pre>