Zdravím, mám problém se zarovnáním sekcí na jednom webu. Zobrazují se pod sebou, ale mají se zobrazovat vedle sebe… Asi jsem už z toho natvrdlý ale v css kódu jsem projel všechno ale bez výsledku… Umí někdo poradit, co dělám, nebo co je napsané špatně?
Mockrát dík… Přikládám obrázek jak je to špatně.
Přikládám i CSS kód sekcí.
/*————————————————————–
Feature section css
————————————————————–*/
#features{
margin-bottom: 10px;
}
.feature-block{
text-align: center;
}
.feature-block-wrapper {
border-bottom: 1px solid #f1f1f1;
padding-bottom: 10px;
}
.feature-block .feature-icon {
border: 1px solid #516fb5;
border-radius: 100%;
color: #516fb5;
font-size: 32px;
height: 89px;
line-height: 89px;
margin: 5px auto 30px;
text-align: center;
width: 89px;
cursor: pointer;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
overflow: hidden;
display: block;
padding: 10px;
}
.feature-icon:hover{
border: 3px solid #516fb5;
}
.feature-icon img{
border-radius: 50%;
display: block;
}
.feature-title a{
text-transform: uppercase;
color: #222;
}
.feature-title a:hover{
color: #516fb5;
}
.feature-read-more,
.info-read-more {
border-bottom: 1px dashed #516fb5;
display: block;
margin-top: 18px;
}
.feature-read-more:hover,
.info-read-more:hover{
border-bottom: 1px dashed #0C8D96;
padding-left: 5px;
padding-right: 5px;
}