☰

HTML 段落の複数行の配置

tag-icon • tag-icon html
HTML 段落の複数行の配置

この HTML ドキュメントを Chrome で開くと、「行 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>

関連情報