title: How to make HTML table rows have the same size in Haml
body: <p>I have an HTML table created using Haml, and I loop through the values and display them. Each table has different widths for each value and I don't understand  why. </p>
  
  <p>Haml:</p>
  
  <pre><code> - if @downtown.properties.present?
      - @downtown.properties.collect do |property|
        .container
          .row.property-panel
            = link_to downtown_property_path(@downtown, property), :action =&gt; 'go' do
              %table
                %tr
                  %td= property.name
                  %td= property.original_construction_year
                  %td= property.street_address 
                  %td= property.owner_address_state
                  %td= property.owner_address_zip
                  %td= property.floor_count
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>table, td, th {
    border: 1px solid black;
  }
  
  table {
    border-collapse: collapse;
    width: 100%;
  }
  
  th {
    height: 50px;
  }
  </code></pre>
  
  <p>This is an image of what I'm dealing with:</p>
  
  <p><a href="https://i.stack.imgur.com/e864W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/e864W.png" alt="enter image description here"></a></p>