노란색박스가 가운데로 오게하려면 어떻게 하나요?

북금곰

· 9년 전 · 조회 1215 1215 · 댓글 2 2

<!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>

<div class="main_wrap">
<div class="inner">

sorry.

</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라는 클래스에 다 적용될 거고요

맞겠죠?

북금곰

프로필 보기 이 회원 글보기 이 회원의 댓글보기

9년 전

감사합니다~~~~~!!

게시판 목록

토크

개발과 관련된 어떤 얘기도 괜찮습니다.

글쓰기

번호	제목	글쓴이	날짜	조회
3601	안녕하세요. 첫 질문입니다. 하하하	느긋한카키쿠키 프로필 보기 이 회원 글보기 이 회원의 댓글보기	6일 전	4
3600	가입인사 드립니다	nature1235 프로필 보기 이 회원 글보기 이 회원의 댓글보기	11개월 전	439
3599	타이밍어택 개념 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1349
3598	Canvas로 간단한 페인트기능 구현 [1]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1195
3597	증강현실 3디에디터 및 apk앱빌더에 대한 아이디어와 실현과정 [2]	swallow 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	799
3596	요즘 어떤 IT 서비스가 뜨고 있나요? [1]	규식씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1418
3595	안녕하세요 [2]	샤잉 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	695
3594	생활코딩 - PHP 기본 A 부터 Z 까지 [1]	규식씨 프로필 보기 이 회원 글보기 이 회원의 댓글보기	2년 전	1413
3593	22년 8월/9월 JAVA 웹개발자 취업연계 교육 일정	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1238
3592	22년 소프트웨어 개발자 취업을 위한 사전교육 진행 일정	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1573
3591	비전공자가 소프트웨어 개발자가 되는 첫 걸음 추천 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	3년 전	1487
3590	리눅스 클라우드 분야 채용예정자 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1449
3589	[웹개발/클라우드] 개발이 궁금한 모든 사람들을 위한 IT취업 온라인 설명회 - 4회차 -	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1249
3588	소프트웨어 개발자 취업을 위한 사전교육 진행 (도커 클라우드 교육 추가)	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1225
3587	[웹개발/클라우드] 개발이 궁금한 모든 사람들을 위한 IT취업 온라인 설명회	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1140
3586	개발이 궁금한 모든 사람들을 위한 IT취업 온라인 설명회	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1373
3585	IT취업교육 무료온라인설명회 [자바웹개발/빅데이터]	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1294
3584	실제 IT전문강사님께 미리 들어보고 결정할 수 있는 JAVA를 활용한 웹개발 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1039
3583	Arm의 올해 최대 온라인 컨퍼런스에 개발자 여러분들을 초대합니다! (10.19~21)	Arm코리아 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1135
3582	실제 IT전문강사님께 미리 들어보고 결정할 수 있는 JAVA를 활용한 웹개발 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1243
3581	브라우저별로 폰트가 다르네요 [2]	그누그누오 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2200
3580	실제 IT전문강사님께 미리 들어보고 결정할 수 있는 JAVA를 활용한 웹개발 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1272
3579	실제 IT전문강사님께 미리 들어보고 결정할 수 있는 JAVA를 활용한 웹개발 교육	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1300
3578	비전공자를 위한 정보처리산입기사 자격증 취득 및 취업 연계 과정	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1534
3577	AI 기술(네이버 클로바), 커머스 트렌드(Z커머스)	미나미누 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1674
3576	[JAVA]올해에는 꿈꾸던 개발자가 되보세요	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1666
3575	올해안에 IT분야로 취업하고 싶은 사람들을 위한 코딩 스터디 -3회차- [1]	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1676
3574	[무료 스터디] 비전공자 대상 시계, 게임 웹페이지 만들기 프로젝트 스터디 모집 -2회차- [1]	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	2096
3573	[3년인증기관 구트] 비전공자도 도전할 수 있는 사물인터넷 교육을 포함한 웹개발 과정 알아보기	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1549
3572	[3년인증기관 구트] 비전공자가 직접 개발한 취업사이트 구경하기(사람인, 잡코리아)	빅데이터구트 프로필 보기 이 회원 글보기 이 회원의 댓글보기	4년 전	1536