Welcome Guest! (App Version 3.1)

websitnero logo name

HTML Box-Model


  • Box models represents an element and its respective content, margin, padding, border.
  • Box model is very helpful in understanding alignment and spacing issues.

What is Box-Model?

Box model of an element represents the space taken by its content, padding, border and margin.

To show Box-Model, browser generates a 2D box where the values of each of the above properties are specifically mentioned per element and user gets an overall idea about elements and their spacing details.

Box-Model proves very helpful while aligning various HTML elements on a web page as per the required UX and also helps in fine-tuning values of margin and padding to align elements properly on a web page.

Further Reading

1. The box model

WebsiteNero is highly optimized for learning various website developing technlogies. We try our best to add maximum modules and examples to help learn the concepts clearly and vividly. We try to present all content and examples as simple as we can removing any complexity to hurdle easy understanding. We try best provide you with worthful content, but we cannot guarantee full correctness of all the content on this site. While using this website, you agree to have read and accepted all our terms of use and conditions, cookie, and privacy policy. Copyright, 2013-2018 by websitenero.com. All Rights Reserved.