<!DOCTYPE html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
a{
background:red;
display:inline-block;/*위치 속성은 인라인이라서, 공존이 가능하지만 블럭의 너비와 높이를 갖음
고전적인 디자인에서는 float을 주로 이용해서 레이아웃을 배치했지만,
요즘은 잘 안쓰임...........inline-block 많이 씀*/
width:250px;
height:50px;
}
</style>
</head>
<body>
<a href="#">난 인라인1</a>
<a href="#">난 인라인2</a>
<a href="#">난 인라인3</a>
</body>
</html>
'프로그래밍 > html_css' 카테고리의 다른 글
| css - transform (0) | 2020.08.29 |
|---|---|
| css - transition (0) | 2020.08.29 |
| css - position 속성 (0) | 2020.08.29 |
| css - box의 이해 (0) | 2020.08.29 |
| css - clear 이해 (0) | 2020.08.29 |