New course! Every coder should learn Generative AI!
Try a free lesson+ 1
Why the second text is not aligned to the center
<html> <head> <title>Attributes</title> </head> <body> <p align="center">This is a text <br /> <hr width="10%" align="right" /> This is also a text. </p> </body> </html>
5 Answers
+ 9
Because anyway, the <hr> element is not an valid content for a <p> tag ^^ (semantically non sense)
So browsers will try to correct it mostly by dividing the <p> element in two, the second loosing inlined attributes among which 'style' delaration :P
You should write a structure like:
<p style="/* whatever you want */">text content</p>
<hr>
<p style="/* whatever else you want */">text content</p>
And fir aligning/sizing your <hr> element, you would be adviced to use css and container parent (could be the root <body> element):
<div style="text-align:right;">
<p style="text-align:center;">text content</p>
<hr style="width:50%;">
<p style="text-align:center;">text content</p>
</div>
Obviously, it's best practice to externalize css declaration (but here is for explain purpose ;))
+ 15
Try this:
<html>
<head>
<title>Attributes</title>
</head>
<body>
<p align="center">This is a text <br /></p>
<hr width="10%" align="right" /><br><p align=center> This is also a text.
</p>
</body>
</html>
+ 3
because it is mentioned align=right in hr tag. the property from the innermost element takes priority
0
so the next text should have aligned right but it's in the left side. @Gurpreet
0
This is the code from the HTML Basics Attributes lesson, and this is how the code is presented. Correct syntax needs to be updated with this code.
Often have questions like this?
Learn more efficiently, for free:
Hot today
Questions
1 Votes
Why it's giving error
3 Votes
Questions
0 Votes
String methods
1 Votes
xampp
0 Votes
Collection
0 Votes
Code Playground
0 Votes