Learn CSS margins in 5 minutes! ↔️

preview_player
Показать описание
#CSS #course #tutorial

CSS margin tutorial example explained
Рекомендации по теме
Комментарии
Автор

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bro Code</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="box" id="box1">Box 1</div>
<div class="box" id="box2">Box 2</div>
</body>
</html>

/* style.css */
body{
margin: 0px;
}
.box{
border: 5px solid;
font-size: 5em;
width: 250px;
height: 250px;
margin-top: 50px;
margin-right: 50px;
margin-bottom: 50px;
margin-left: 50px;
}
#box1{
background-color: hsl(0, 100%, 60%);
}
#box2{
background-color: hsl(189, 100%, 55%);
}

BroCodez
Автор

Wow you help me alot understanding stuff about html and css. Thanks alot!

Budywieser
Автор

I like the way you have expalined I am starting to learn it, thanks for your short and clear explanation.

jainagulzamirbekovna
Автор

Really helpful for understanding margin concept

pragyas_direction
Автор

it's clear and easy to understand the usage.

deriver
Автор

Thank You So Much!!!! This Is So UseFull For Us!!!!

StylishBanditSlayerS
Автор

Can you please explain the margin: inherent

GAMINGDEADCRACKER
Автор

Why do you use class and id within the same div again?

iuqwuzb
Автор

Couldn't have said enough thank you

wilfredalexander
Автор

Hello I just want to ask. what is the difference of class and id? thank youu

fkwprir
welcome to shbcf.ru