HTML & CSS – Box Model

Hi there! Here we go to one more step into the HTML & CSS and this post I will talk a little bit about my experience with box model and border.

Box model is boxes that include each HTML element inside. Through this boxes, we can wrap a text or content that we want to be together. There are 4 types of box: margins, borders, padding and content box. They help us to specify the area around the elements and define space between them.

Box Model
Box Model
Example of Box Model
My example of Box Model

CSS properties also allowed us to play with borders, changing box displays and colors.

I really enjoyed modifying the boxes styles and learning a little bit more about CSS properties. I can’t wait for the next step!

Leave a comment