Witam mam pewien problem robię zakładkę z ofertami lecz nie mogę dać ich koło siebie gdyż nie wiem dlaczego wielkość diva 400 x 500 zajmuje całą powierzchnie strony dodam także że wygląda to normalnie
poniżej załączam zdjęcia i kod:
css:
.ofer
{
border-top-left-radius: 15px 10px;
border-top-right-radius: 15px 10px;
border-bottom-left-radius: 15px 10px;
border-bottom-right-radius: 15px 10px;
font-family: calibri;
width: 400px;
height: 500px;
color: orange;
background-image: url(img/background.png);
margin-left: auto;
margin-right: auto;
margin-top: 2%;
}
.kupteraz
{
border-top-left-radius: 15px 10px;
border-top-right-radius: 15px 10px;
border-bottom-left-radius: 15px 10px;
border-bottom-right-radius: 15px 10px;
width: 200px;
color: black;
text-align: center;
padding: 5px;
font-family: Calibri;
margin-left: 100px;
background-color: white;
}
.kupteraz:hover
{
background-color: #a3a2a2;
}
html odpowiadający za tego diva
<div class="ofer">
<h1>HTML - STANDARD</h1>
<h2>- Stworzenie Strony Internetowej <i class="icon-ok-circle"></i><br>
- CSS <i class="icon-ok-circle"></i><br>
- PHP <i class="icon-cancel-circle"></i><br>
- JS <i class="icon-cancel-circle"></i><br>
- Zaawansowane PHP + MYSQL <i class="icon-cancel-circle"></i><br></h2>
<br><br><br><h2>Cena: 19.99 ZŁ<h2>
<div class="kupteraz">
<a href="#"><h3>KUP TERAZ<i class="icon-basket"></i></h3></a>
<i class="icon-cc-paypal"></i>
</div>
</div>