반응형
<head>
<style>
body {
margin: 20px;
}
span {
background-color: teal;
}
</style>
</head>
<body>
<span>Hello!</span>
<span>Hello!</span>
</body>
<head>
<style>
body {
margin: 20px;
}
span {
background-color: teal;
padding: 20px;
margin: 30px;
}
</style>
</head>
<body>
<span>Hello!</span>
<span>Hello!</span>
</body>
Inline(ex.span) do not have height, width. So they have a padding everywhere but only have margin left, right.
inline->block, inline can have margin top, bottom.
'HTML CSS' 카테고리의 다른 글
| KokoaTalk Clone Coding: flex box 1 (0) | 2021.05.03 |
|---|---|
| KokoaTalk Clone Coding: classes (0) | 2021.05.03 |
| KokoaTalk Clone Coding: CSS border (0) | 2021.05.02 |
| KokoaTalk Clone Coding: CSS padding 2 (0) | 2021.05.02 |
| KokoaTalk Clone Coding: CSS padding 1 (0) | 2021.05.02 |
