Questions And Answers

More Tutorials

HTML Block & Inline

HTML element have different display values, depending upon the type of element it is.

There are two display values: block and inline.

Block level element

  • Always takes full width Available.
  • Always starts on new Line
  • Top and Bottom Margins are Available.
  • The <div> tag is block level Element.

<div> Block level Element </div>

  Block level Element

  block level element in HTML

<h1> - <h6>

Inline element

  • Not starts from new Line
  • Always takes width as much as necessary.
  • The <span> tag is inline Element.

<div> Block level Element <span> This is the span Inline Element </span> </div>

  Block level Element   This is the span inline element

  Inline element in HTML



In this page (written and validated by ) you learned about HTML Block and Inline . What's Next? If you are interested in completing HTML tutorial, your next topic will be learning about: HTML Div.

Incorrect info or code snippet? We take very seriously the accuracy of the information provided on our website. We also make sure to test all snippets and examples provided for each section. If you find any incorrect information, please send us an email about the issue:

Share On:

Mockstacks was launched to help beginners learn programming languages; the site is optimized with no Ads as, Ads might slow down the performance. We also don't track any personal information; we also don't collect any kind of data unless the user provided us a corrected information. Almost all examples have been tested. Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness of all content. By using, you agree to have read and accepted our terms of use, cookies and privacy policy.