CODEWITHSUNDEEP
html
varun teja komirishetti
varun teja komirishetti

Reputation: 1

why the full stop in my html code is printing in the next line?

  <body>
    <h1>VARUN TEJA KOMIRISHETTI</h1>
    <p><em><strong><h2>student</h2></strong></em>.</p>

  </body>

why the full stop is printing in the next line?

Upvotes: 0

Views: 127

Answers (2)

Saroj Shrestha
Saroj Shrestha

Reputation: 2875

Its because, all headings incliding h2is a block element, you can make it appear in same line by adding a class and, adding property display: inline-block

.header-title{
  display: inline-block;
}
<body>
    <h1>VARUN TEJA KOMIRISHETTI</h1>
    <p><em><strong><h2 class="header-title">student</h2></strong></em>.</p>
</body>

Upvotes: 1

Kondi
Kondi

Reputation: 11

Because h2 and every heading elements are block elements. All of block elements has 100% width, so there is no space for this dot in one line. If you change h2 to display: inline; or display: inline-block;, then the dot will be in one line with student.

Upvotes: 1

Related Questions