HTML 
CSS 
PHP 
JavaScript 
SQL 
Bootstrap 
Solidity 
jQuery 
Git 
Chrome DevTools 
C++ 
Python Contents
HTML Horizontal Line: Main Tips
- The HTML
<hr>adds a thematic division between paragraph-level elements. - This element creates a horizontal line, making a division within content.
- The HTML
<hr>Â tag has no closing tag since it does not contain any content.
Purpose of hr
The HTML <hr> element defines a thematic division between content by drawing an HTML horizontal line.
Example
<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr>
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>Note: the <hr>Â tag defines a horizontal rule in earlier versions of HTML. In HTML5, it is added to semantic elements to represent a thematic break.
Pros Main Features
- Easy to use with a learn-by-doing approach
- Offers quality content
- Gamified in-browser coding experience
- The price matches the quality
- Suitable for learners ranging from beginner to advanced
- Free certificates of completion
- Focused on data science skills
- Flexible learning timetable
Pros Main Features
- Simplistic design (no unnecessary information)
- High-quality courses (even the free ones)
- Variety of features
- Nanodegree programs
- Suitable for enterprises
- Paid Certificates of completion
Pros Main Features
- A wide range of learning programs
- University-level courses
- Easy to navigate
- Verified certificates
- Free learning track available
- University-level courses
- Suitable for enterprises
- Verified certificates of completion
Deprecated Attributes for hr
align
It sets the horizontal alignment of the element. Not supported in HTML5. Use CSS text-align property as an alternative.
Example
<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr align="left" width="50%">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>noshade
It sets the horizontal line in HTML to a solid color, instead of shadow effect. Not supported in HTML5.
Example
<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr noshade>
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>size
It sets the height of the element. Not supported in HTML5. Apply CSS height property instead.
Example
<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr noshade size="20">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>width
It sets the width of the horizontal line in HTML. Not supported in HTML5. Use CSS width property instead.
Example
<h1>Operating System</h1>
<h2>Mac OS</h2>
<p>A personal computer operating system developed and marketed by Apple Inc.</p>
<hr width="250">
<h2>Windows</h2>
<p>A personal computer operating system developed, marketed, and sold by Microsoft Corporation.</p>Browser support
Chrome
All
Edge
All
Firefox
1+
IE
All
Opera
All
Safari
All
Mobile browser support
Chrome
All
Firefox
4+
Opera
All
Safari
All
