Here’s All You Need to Know About the CSS Box Modelby@smpnjn
1,004 reads

Here’s All You Need to Know About the CSS Box Model

July 16th 2022
6 min
by @smpnjn 1,004 reads
tldt arrow
Read on Terminal Reader🖨️

Too Long; Didn't Read

The CSS box model is a term thrown around in CSS with very little context, but is probably the most fundamental things you can know in CSS. The box model determines the size, margin, and padding of any object on the page. It also refers to the weird way CSS handles 'inline' and 'block' content. In HTML, every element creates a box, such as span and p, which is in line with text. Block elements have a fixed width and height, while inline elements are within lines of text, meaning content floating beside them.

People Mentioned

Mention Thumbnail

Company Mentioned

Mention Thumbnail
featured image - Here’s All You Need to Know About the CSS Box Model
Johnny Simpson HackerNoon profile picture

@smpnjn

Johnny Simpson

About @smpnjn
LEARN MORE ABOUT @SMPNJN'S EXPERTISE AND PLACE ON THE INTERNET.
react to story with heart

RELATED STORIES

L O A D I N G
. . . comments & more!
Hackernoon hq - po box 2206, edwards, colorado 81632, usa