Witam,
Temat może i nudny ale w "całym necie" mogę znaleźć jak wyśrodkować jeden element albo text.
Temat jest taki. Stronę mam podzieloną na dwie części i w jednej z nich usiłuję wyśrodkować trzy elementy. tzn, by trzy przyciski były rozłożone równomiernie.
Kod jest taki:
echo "<div class = 'rightPartPrzyciski'>";
echo "<button class='button buttonDane' onclick='szczegoly()'>Szczegóły</button>";
echo "<button class='button buttonDane' onclick='opis()'>Opis</button>";
echo "<button class='button buttonDane' onclick='kontakt()'>Kontakt</button>";
echo "</div>";
Natomiast w css
.rightPartPrzyciski{
padding: 5px;
}
.button {
background-color: #fde910;
border: none;
border-radius: 5px;
color: white;
padding: 10px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 1em;
cursor: pointer;
}
.buttonDane {
background-color: #fde910;
margin-left: 55px;
}
Wyśrodkowanie tych elementów za pomocą "margin-left" jest nie najlepszym rozwiązaniem, gdyż każda zmiana szerokości wyszukiwarki wymusza zmianę kodu. Znacie jakieś inne rozwiązania?