☰

HTML 段落多行對齊

tag-icon • tag-icon html
HTML 段落多行對齊

當我在 Chrome 中開啟這個 HTML 文件時。寫著「2 號線」的那一行。如何讓它在不開始新段落標籤的情況下也與中心對齊。

<html>
<head>
<title>HTML page</title>
</head>
<body>
<h1 align=center> Heading </h1>
<hr width=50%>
<p align=center>Paragraph Line 1<br/> <hr width=25%> Line 2 </p>
<p align=center>New paragraph.</p>
</body>
</html>

答案1

您可以使用<DIV>標籤透過對段落進行分組來定義一個部分，如下所示：

 <html>
    <head>
      <title>HTML page</title>
    </head>
    <body>
     <h1 align=center> Heading </h1>
     <hr width=50%>
     <DIV align="center">
        <p>Paragraph Line 1 <hr width=25%> Line 2</p>
        <p>New paragraph.</p>
      </DIV>
    </body>
 </html>

相關內容