從浮動：左右兩邊到彼此之間

Question

我忙於使用我的投資組合網站，並且我會讓它響應。

大多數東西都是響應，但我正在努力與contact page。

代碼：

.footerContact .informatie 
{ 
    float: left; 
    margin-left: 20%; 
    margin-top: 10%; 
    color: white; 
    width: 250px; 
} 

.footerContact .form 
{ 
    float: right; 
    margin-right: 20%; 
    margin-top: 10%; 
    color: white; 
    width: 300px; 
} 

我現在用一個媒體查詢將它們放在對方的時候去的屏幕尺寸較小爲1115px

例子可以發現here

哪有我做這個？

@media only screen and (max-width: 1115px) 
{ 
    .footerContact .informatie 
    { 
     float: none; 
     margin-left: 20%; 
     margin-top: 10%; 
     color: white; 
     width: 250px; 
    } 

    .footerContact .form 
    { 
     float: none; 
     margin-left: 20%; 
     margin-top: 100px; 
     color: white; 
     width: 250px; 
    } 

} 

Answer 1

表單在響應模式下正常工作。

您只需將margin: auto設置爲居中對齊div。

小提琴：http://jsfiddle.net/L2mvewLo/1/

Answer 2

目標的所有設備 @media所有和（最大寬度：1115px）{

然後要麼都設置到寬度：100％;和float：left;

或float：none;和margin：auto; （以它們爲中心）。