Назад | Перейти на главную страницу

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

html

Вы можете использовать <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>