
Когда я открываю этот 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>