Horizontal Line In HTML5

Horizontal Line Or Dividing Line In HTML5

We can add a dividing line or Horizontal line, across pages to separate blocks of information. The dividing line can be useful for separating topics on a page or for setting off diagrams from the flow of text.

By default, most Web Browsers display a horizontal rule as a thin gray line. Horizontal rules must occupy a line by themselves and cannot appear within a paragraph.

Add a Horizontal Line

Step 1: Type <hr> where you want to insert a Dividing line

Note; We do not need a closing tag of the <hr> tag

Result Output

<!DOCTYPE html>
<html>
    <Head>
        <Title>Coding thai</Title>
    </Head>
    <body>
        Type of Web Developer 
        <hr>
        <p>
            A front end developer has one general responsibility: to ensure that website visitors can easily interact with the page. 
       </p>
       <!--This is comment -->
       <p>
        Back-end developers are the experts who build and maintain the mechanisms that process data and perform actions on websites. 
       </p>
    </body>
</html>

Follow us on Social Media For More

FacebookInstagramPinterest

Leave a Comment