회전 이미지 옆에 내 이미지 배치

Question

내 웹 사이트에는 회색 테스트 이미지가 있으며 이미지 슬라이더 옆에 위치시켜야합니다. 나는 같은 div에 넣는 것을 시도했다. 그러나 그것은 할 것이다. 그러나 그것은 잘되지 않았다. 누군가 내 코드 내에서이 작업을 수행하는 방법을 보여줄 수 있습니까? 나는 새로운 것이므로 다른 사람들보다 더 혼란 스럽다.

감사합니다.

내 웹 사이트 : 코드에 대한 http://rootforsite.azurewebsites.net/

F12 키를 누릅니다. 이미지 슬라이더와 이미지가 아래쪽에 있습니다.

Answer 1

당신은

display: inline-block; 

또는 당신이 클래스를 추가 할 수 있습니다 아름다운 부트 스트랩을 사용하고 이후 (는 ID가 "용기"내 생각과 사업부해야한다이 경우에) 포함 사업부의 CSS를 변경할 수 있습니다 두 divs 그들을 사랑스럽고 grified 유지하십시오! :)

예 :

<div id="container" class="col-xs-6">...</div> 
<div id="containers" class="col-xs-6">...</div> 

Answer 2

HTML

<div id="container"> 
    <div class="inner"></div> 
    <div class="inner"></div> 
</div> 

CSS

#container 
{ 
    width: 300px; 
    height: 300px; 
    background-color: yellow; 
} 
.inner 
{ 
    width: 100px; 
    height: 100px 
    float: left; 
    background-color: blue; 
}