Выравнивание нескольких строк в абзаце 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>

Связанный контент