div 사이에 공백 적용

Question

아래의 두 div는 동적으로 채워지고 그 내용은 두 div 모두에서 매우 길다.

제 질문은 두 div 사이에 간격을 추가하는 방법입니다.

<div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div> 
    <div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:0px;border:1px solid #ccc;'></div> 

Answer 1

에 2 <div/>에 변화 margin-left:0px 당신은 당신이 원하는 픽셀 수를 변경할 수 있습니다.

Answer 2

당신이 CSS를 #qt {margin-right:10px;}

에 추가 할 수있는 더 큰 가치

Answer 3

플로트 두 번째 왼쪽 div, 변경의 아닌 값, 예컨대 :

<div name="qt" id="qt" style='width:50%;float:left;display:inline;overflow:auto;height:500px;border:1px solid #ccc;'> </div> 
<div id="data" name="data" style='overflow:auto;width:35%;height:500px;margin-left:50px;border:1px solid #ccc; float: left;'></div>