답변 9개 / 댓글 5개
채택된 답변
+20 포인트
이분들 너무 어렵게만 생각하시는데...?
Copy
<style type="text/css">.textT1 div {display:inline-table;width:100%;margin:0;padding:0;}.textC1 div {width:49.8%;border: 1px solid #111; float:left;}.textC2 {border: 1px solid #111;}</style><div class="textT1"> <div class="textC1"> <div>글1</div> <div>글2</div> </div> <div class="textC2">글3</div></div>float:left 값을 넣어보세요
border: 1px solid #111;
보더가 1px 로 되어 있어서, width: 50% 적용시 칸이 밀리는 현상입니다.
width:49.8% 로 줄이시거나, width:500px 로 고정값을 주시거나, 보더를 제거하시면 될듯 싶어요.
<style type="text/css">
.textT1 div {display:inline-table;width:100%;margin:0;padding:0;}
.textC1 div {width:50%;border: 1px solid #111;}
.textC2 {border: 1px solid #111;}
</style>
<div class="textT1">
<div class="textC1">
<div>글1</div>
<div>글2</div>
</div>
<div class="textC2">글3</div>
</div>
답변을 작성하려면 로그인이 필요합니다.
[code]
<style type="text/css">
.textT1 div {display:inline-table;width:100%;margin:0;padding:0;}
.textC1 div {width:49.89%;border: 1px solid #111; float:left;}
.textC1 .textC2 {width:100%; border: 1px solid #111;}
</style>
<div class="textT1">
<div class="textC1">
<div>글1</div>
<div>글2</div>
<div class="textC2">글3</div>
</div>
</div>
[/code]
틀이 어느정도 잡혔다 싶으면 border없애시고 50%맞춰주시면 될겁니다.