ลบ float:left ใน .feature-wrap i แล้วเพิ่ม display:inline-block เข้าไป
ดังนี้
โค๊ด:
.center {
text-align: center;
padding-bottom: 55px;
}
#feature {
background: #f2f2f2;
padding-bottom: 40px;
}
.features{
padding: 0;
}
.feature-wrap {
margin-bottom: 35px;
overflow: hidden;
text-align:center;
}
.feature-wrap h2{
margin-top: 10px;
}
.feature-wrap .pull-left {
margin-right: 25px;
}
.feature-wrap i{
display:inline-block;
font-size: 48px;
height: 110px;
width: 110px;
margin: 3px;
border-radius: 100%;
line-height: 110px;
text-align:center;
background: #ffffff;
color: #c52d2f;
border: 3px solid #ffffff;
box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
margin-right: 25px;
}
.feature-wrap i:hover {
background: #c52d2f;
color: #fff;
box-shadow: inset 0 0 0 5px #c52d2f;
-webkit-box-shadow: inset 0 0 0 5px #c52d2f;
border: 3px solid #c52d2f;
}