<head>
<style>
span.a {
display: inline; /* the default for span */
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
span.b {
display: inline-block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
span.c {
display: block;
width: 100px;
height: 100px;
padding: 5px;
border: 1px solid blue;
background-color: yellow;
}
</style>
</head>
'HTML' 카테고리의 다른 글
| [css] z-index / overflow:hidden / li:nth-child(n) (0) | 2021.03.29 |
|---|---|
| [CSS ] animation 효과주기 (0) | 2021.03.26 |
| [HTML] background 색깔주기, position으로 위치 정하기, 버튼만들기 (0) | 2021.03.22 |
| [HTML] overflow (0) | 2021.03.19 |
| [HTML] 프레임 만들기 (0) | 2021.03.18 |