Witam
Czy możecie powiedzieć co robię nie tak , próbuje wyśrodkowac diva o id="oferta" i nie uzyskuje poprawnego efektu .
mam taki kod w html a ponizej css
kod html
i kod css
#container {
width: 100%;
margin: 0 auto;
}
.topnav {
overflow: hidden;
background-color: #53d3de;
height: 80px;
}
.topnav a {
float: left;
color: white;
text-align: center;
padding: 31px 31px;
text-decoration: none;
font-size: 18px;
font-weight: bold;
}
.topnav a:hover {
background-color: #1d8b94;
color: black;
font-weight: bold;
}
.active {
background-color: #1d8b94;
color: white;
}
.topnav .icon {
display: none;
}
.mainimg img {
width: 100%;
}
.oferta-box{
float: left;
width: 300px;
border: 5px solid #53d3de;;
margin: 20px 10px;
min-height: 300px;
}
#oferta {
margin: 0 auto !important;
width: 80%;
text-align: center;
}
.oferta-box img {
padding: 20px;
width: 100px;
height: 100px;
}
.oferta-box h3 {
font-size: 25px;
padding-left: 20px;
padding-right: 20px;
color: #9933ff;
}