html의 응답 div 요소

Question

이걸 정적 페이지에 넣고 싶지만 응답 성도 높여야합니다. 지금까지 브라우저를 작게 만들었을 때 두 번째 div가 바닥으로 이동하지 않고 매우 급하게 만들어졌습니다. 첫 번째 측면에서 어떻게 변경할 수 있습니까? 여기

내 코드입니다 :

<div style="float:left; height:200px;max-width:200px;width:100%;border:1px solid #000;padding:10px;"> 
<p><strong><span style="font-size:medium; color:#1A3A5C;">CFSRB: <br>Information Slider 
</span></strong></p> 
Lorem ipsum dolor sit amet, mel partem delicata vituperata ei, patrioque incorrupte et sit. </div> 
<div style="height:220px;border:1px solid #000;"> 
[insert picture here] 
</div> 

Answer 1

이 float:left 추가; 두 번째 부서에 보내면됩니다.

Answer 2

둘 다 왼쪽으로 놓습니다. 첫 번째 div의 너비를 줄입니다. 바이올린 here

이 있습니다

<div style="float:left; height:200px;max-width:200px;width:50%;border:1px solid #000;padding:10px;"> 
<p><strong><span style="font-size:medium; color:#1A3A5C;">CFSRB: <br>Information Slider</span></strong></p> 
Lorem ipsum dolor sit amet, mel partem delicata vituperata ei, patrioque incorrupte et sit. </div> 

<div style="float: left;width: auto; height:220px;border:1px solid #000;"> 
[insert picture here] 
</div> 

:

나는 당신의 코드를 변경했다