Skip to Content
Practical Web Design
book

Practical Web Design

by Philippe Hong
April 2018
Beginner content levelBeginner
368 pages
7h 37m
English
Packt Publishing
Content preview from Practical Web Design

Block and inline

There is one last thing about box models. In HTML, there is what we call block elements and inline elements.

 Block elements: It uses the full width of the browser and always starts on a new line. You can see them as blocks you need to pile one after another. Headings and paragraphs are some examples of block elements.

 Examples of block-level elements:

  • <div>
  • <h1> - <h6>
  • <p>
  • <form>
Block elements are represented in red boxes

Inline elements: Inline elements don't start on a new line and only take up as much width as necessary. Look at this example of the blue elements: 

Inline elements are represented in blue boxes

The ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Web Design Playground

Web Design Playground

Paul McFedries
Hello Web Design

Hello Web Design

Tracy Osborn
The Principles of Beautiful Web Design, 4th Edition

The Principles of Beautiful Web Design, 4th Edition

Jason Beaird, Alex Walker, James George

Publisher Resources

ISBN: 9781788395038Supplemental Content