CSS row border bottom

Question

Для моего сайта я разделил страницу на строки с помощью CSS (без таблиц), чтобы получить строку для разделения содержимого. Как вы можете видеть, только что используемая высота: px; для каждой строки, чтобы вручную переместить линию. Но он прыгает повсюду в разных броузерах. Есть ли способ заставить его автоматически установить границу, чтобы она отображалась в конце содержимого внутри div?

.row1A 
{ 
    height: 600px; 
    border-bottom: 1px solid white; 
} 
.row2A 
{ 
    height: 820px; 
    border-bottom: 1px solid white; 
} 

<div class="row1A"> 
      <div class="column1"> 
      <h2> Bluerock FX-10G</h2> 
      ***Content*** 
      </div> 
       <div class="column2"> 
       <img src="Images/Amps/Bluerock.jpg" alt="Bluerock FX-10G" width="450px" height="325px"> 
       </div> 
      </div> 
      <div class="row2A"> 
       <div class="column1"> 
       <h2>Line 6 Spider IV 15W</h2> 
     ***Content*** 
       </div> 
        <div class="column2"> 
        <img src="Images/Amps/Line6Spider.jpg" alt="Line 6 Spider IV" width="350px" height="350px"> 
        </div> 
       </div> 

Answer 1

Пожалуйста, попробуйте добавить следующие стили:

.row1A 
{ 
    height: auto; 
    border-bottom: 1px solid white; 
    clear:both; 
} 
.row2A 
{ 
    height: auto; 
    border-bottom: 1px solid white; 
    clear:both; 
} 

Answer 2

Это было исправлено спасибо за вашу помощь. По какой-то причине, когда я ввел дополнительную информацию выше границы, она была в верхней части строки, а не внизу. Может быть, так было, так или иначе, просто не суетился. Но я теперь исправил это, удалив границу из строки 1.