노란색박스가 가운데로 오게하려면 어떻게 하나요?
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>무제 문서</title>
<style type="text/css">
body {
margin:0;
width:100%;
background-image: url();
}
.main_wrap{
width:100%;
background-color:red;
valign:top;
height:300px;
}
.main_wrap .inner{
width:50%;
float:center;
height:100px;
background-color:yellow;
valign:top;
}
-->
</style>
</head>
<body leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<!-- 메인 -->
<div class="main_wrap">
<div class="inner">
sorry.
</div>
</div>
</body>
</html>
-------------------------------------
노란색박스 float:center; 해주는데도 가운데로 안와요..
그리고
.main_wrap .inner{
는
.main_wrap {}
.inner{ }
분리해도 상관없나요? 어떤차이가 있는지요?
댓글 2개
9년 전
float:center ----> margin:0 auto; 로 한번 해보시고요
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
.main_wrap .inner{ 이거는 main_wrap 안에 있는 inner 만 적용 될거고요
그냥 .inner 는 inner라는 클래스에 다 적용될 거고요
맞겠죠?
9년 전
감사합니다~~~~~!!
게시글 목록
| 번호 | 제목 |
|---|---|
| 1616 | |
| 1611 | |
| 1602 | |
| 1580 | |
| 1576 | |
| 1573 | |
| 1566 | |
| 1563 | |
| 1556 | |
| 1547 | |
| 1542 | |
| 1531 | |
| 1527 | |
| 1526 | |
| 1515 | |
| 1514 | |
| 1506 | |
| 1496 | |
| 1495 | |
| 1492 | |
| 1470 | |
| 1459 | |
| 1454 | |
| 1422 | |
| 1389 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기