Как плавать div влево, когда была достигнута минимальная ширина?

Question

<div id="container"> 
    <div id="subsSection"> 
     <div class="leftSection">ss</div> 
     <div class="rightSection">ss</div> 
    </div> 

</div> 

(1) Я хочу, чтобы подразделение div было центрировано на экране. но когда его минимальная ширина достигла размера re, затем плавайте влево и больше не центрируйте. это использование пространства левого поля.

Demo

Answer 1

использование медиа-запрос для этого

CSS

@media only screen and (min-width:768px){ 
    #subsSection{ 
     width:20%; 
     float:left;   
    } 
}