css - 如何使我的文本在页面上呈现得更高？

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

将 float left 应用于 .personName 和 .otherDetails 并确保 .data-box 宽度接近 750px (300px + 450px) 或者只是减小 2 个并排 div 的大小，这样它们的宽度之和不超过 650px