爲什麼段落中的文本重疊而不是創建新行？

Question

我有一個部門設置了標題和段落。當我加載頁面時，文本會重疊，就好像它運行到div的底部一樣，無處可去。我的假設是div會隨着文本的添加而垂直擴展，但它不會（至少在我的情況下不是這樣）。重要的是要知道我將字體從較小（Times New Roman）更改爲較大（Georgia）。在這個改變之後，文本問題發生了。謝謝。

<div id="fall"> 
    <h3> Exile L'Empereur </h3> 
    <br> 
    <p> Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p> 
    <p> Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p> 
    <p> Napoleon was exiled to Elba. After Waterloo he was exiled to St. Helena. </p> 

==============

#fall { 
    padding: 20px; 
    line-height: 5px; 
    background-image: url(../images/fleurdelis.png); 
    background-position: top right; 
    background-repeat: no-repeat; 
    background-color: #CBEDF2; 
    background-size: 64px; 
    text-align: center; 
    border-radius: 0px 15px 0px; 
    width: 500px; 
    margin-left: 20%; 
    border: 2px solid black; 
} 

Answer 1

您已設置了line-height小。我假設你認爲這是兩行文字之間的高度，但事實並非如此。檢查示例https://developer.mozilla.org/en-US/docs/Web/CSS/line-height

Answer 2

設置段落的對齊方式。 增加文字的邊距。

要了解更多關於段落的信息，請訪問鏈接。

http://entertainment7899.blogspot.com/2015/08/how-to-create-paragraph-with-html.html