css - inline-block

준핵 2020. 8. 29. 23:45
<!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>