CSS Box Model Padding Margins Borders (Udemy.com)
How to work with the CSS Box model learning about Margins Padding and Borders for HTML elements
Created by: Laurence Svekis
Last updated November 2019
What you will learn
- write CSS code
- better understand Padding Borders and Margins
- apply CSS Box Model
How it compares
Against the other 110 rated Udemy courses in CSS on CourseDuck:
- Rating4.2 out of 5higher than 14% of them
- Reviews236#78 of 111 by number of reviews
- Length0.6 hoursshorter than 100% of them
- Last updatedNovember 2019earlier than 69% of them
Course Description
Understanding the CSS Box model will help you better understand how CSS works.
In web development, the CSS box model refers to the composition of a webpage or HTML page from blocks or boxes using CSS. Specifically, the box model describes how the size of each such block and its content is determined through styling instructions.
There are 4 parameters which make up the Box Model
- Height and width dimensions of the actual content within the element
- Padding which is the spacing between the content and the border
- Border line surrounding the box
- margin the spacing around the border between various elements on the webpage.
All four of the above make up the entire dimensions of the element.
This course is designed to help walk you through what the box model is and how it works.
Fast paced get to the point training, to learn about using CSS code.
By the end of the course you will have the skills and know how to apply CSS box Model to your web code.
I am here to help you learn how to create your own websites and ready to answer any questions you may have.
Learning how to apply CSS to design web content will help to separate you from the crowd.
Want to know more, what are you waiting for take the first step. Join now to start learning how you too can write your own CSS code today.
Instructor Details
- 4.2 Rating
236 Reviews
Laurence Svekis
Hi, I’m Laurence Svekis, and I’m here to help you learn smarter, build real skills, and confidently use AI and modern tools to create amazing things.
I’m a Google Developer Expert (GDE), international speaker, author, and educator specializing in AI-powered learning, Google Workspace automation, and practical development with Google Apps Script and JavaScript. I’ve been teaching online since 2002 and have helped over two million students worldwide develop real-world skills through hands-on courses, books, and workshops.
My passion is learning with AI—using AI not as a shortcut, but as a powerful learning partner. I focus on helping learners understand how things work, how to apply AI responsibly, and how to build tools that solve real problems. Many of my courses explore how AI can act as a tutor, assistant, or productivity booster inside everyday tools like Google Docs, Sheets, and Workspace.
I’m especially known for:
Google Apps Script & Google Workspace automation
Building AI-powered assistants and learning tools
JavaScript for real-world applications
Using AI to improve learning, productivity, and workflows
More courses by Laurence Svekis
Complete Google Workspace (G Suite), Beginner - Advanced (2025)
4.6 (10,757 Reviews)
Provider: Udemy
Time: 23.2h
$84.99
Frontend web developer Modern HTML CSS JavaScript (2025)
4.5 (6,723 Reviews)
Provider: Udemy
Time: 12.2h
$64.99
Web Developer Course HTML CSS JavaScript Learn Web Design (2024)
4.5 (5,865 Reviews)
Provider: Udemy
Time: 5.9h
Free
Google Apps Script Complete Course Beginner to Advanced (2025)
4.7 (3,971 Reviews)
Provider: Udemy
Time: 27.7h
$14.99
Modern Web Design HTML5 CSS3 beginners guide to Websites (2023)
4.4 (1,915 Reviews)
Provider: Udemy
Time: 3h
$11.99
More CSS courses
Build Responsive Real-World Websites with HTML and CSS (2024)
4.8 (119,018 Reviews)
Provider: Udemy
Time: 37.5h
$174.99
Advanced CSS and Sass: Flexbox, Grid, Animations and More! (2024)
4.8 (46,326 Reviews)
Provider: Udemy
Time: 28.1h
$149.99
Modern HTML & CSS From The Beginning 2.0 (2025)
4.8 (28,669 Reviews)
Provider: Udemy
Time: 24.3h
$129.99
How to Create A Website: An HTML Tutorial and CSS Tutorial (2025)
4.7 (2,057 Reviews)
Provider: Udemy
Time: 31.9h
$10.99
Ultimate CSS Grid Course: From Beginner to Advanced (2021)
4.7 (1,039 Reviews)
Provider: Udemy
Time: 2.7h
$13.99
Reviews
By Lucas de Freitas Faria Lopes on 2/5/2023
Great course, to start with CSS box model.
By Jelica Radosavljevic on 5/5/2020
This course gives you VERY basic information that you can read anywhere. I feel the teacher could have explained further how the margins, padding, borders etc can work and collapse.
By Mukesh Kolhe on 7/25/2019
Its Good and clear the concept of Box Modal Thanks team
By Glynis Appleby on 8/20/2018
Could do with some resources to help follow whilst the instructor is showing what to type
By Bogdan Lungu on 5/5/2017
Short course. Just perfect to refresh your css knowledge and understand how padding and margin work.
By Ioannis Batsios on 1/11/2017
I don't know how to rate this. It does what it says, but for some reason I was expecting more. I thought there would be floating elements and page layouts using box models, but it's all basic beginner stuff.
By Kristian Josef L. Delos Reyes on 11/26/2016
As simple as the course is.. it discussed its target well
By Sergey Kochergan on 6/28/2016
Very impressed with this lesson. Ease structure and great examples.
By Gene Couch on 5/21/2016
Liked this class. Informative and to the point. Picked up two pointers, one on the element inspection tool within Chrome and the other dealing with border-radius parameters. I had hoped the class would cover how Chrome / FireFox / IE each render boxes differently. Was hoping to resolve some issues dealing with this but did not.
By Trudy Messingham on 5/16/2016
Really helpful explanations and practice use of the Box Model. An excellent course.
Quality Score
No CourseDuck member has rated this course yet. Taken it? Give each part a thumbs up or down.
Overall Score : 84 / 100












