Как сделать мой текст выше на странице?

Question

Теперь я хочу, чтобы текст «(även uppfinnare)» отображался в верхнем ряду. HTML, который делает это сейчас

<div class="data-box"> 
      <div class="personName"><strong>  
       3. Kee Marcello&nbsp; 
      </strong></div> 
     <div class="otherDetails">(även uppfinnare)</div> 

     <table border="0"><tr><td></td><td>Telefon</td><td>123</td></tr> 
     <tr><td></td><td>Fax</td><td>123</td></tr> 
     <tr><td></td><td>E-post</td><td>123</td></tr> 
     <tr><td>null</td><td>Referens</td><td></td></tr> 
     </table> 


    </div> 

Соответствующий CSS является

.data-box { 
width:650px; 
height:100px; 
border:1px solid #cbcbcb; 
} 
.personName {  float:left;  width:300px; } 
.otherDetails {  float:right;  width:450px;  } 

Можете ли вы мне помочь? Благодаря

Answer 1

применять поплавок налево и к .personName и .otherDetails и убедитесь, что .data-box ширина почти 750px (300px + 450px) или просто уменьшить размер 2 бок о бок div поэтому сумма их ширине не шире 650px

Answer 2

Он падает, потому что он не подходит для контейнера. .data-box является 650px шириной и .personName и .otherDetails ширина суммы до 750px

Answer 3

Оба ваши элементы плавали (один справа, один слева), и вместе они составляют 750px. но контейнерный контейнер имеет ширину всего 650 пикселей.

Когда плавающие элементы выходят из космоса, их перетасовывают на следующую строку.

либо делают дочерние элементы меньше (чтобы вписаться в 650px) или сделать родитель больше (750px)