[Stratocaster00]

Cześć! Nie wiem czy mogę na WYPOKU zadać takie pytanie (regulamin) ale spróbuję. Jak do cholerki bez pomocy flex wyśrodkować te 4 przyciski BUTTON w swoim rodzicu? Próbuję marginami, paddingami, auto; i w ogóle ale ciągle nie działa...Mogę dodać diva z lewej i diva z prawej bez treści o brakującej szerokości/2 z lewej i z prawej ale ten pseudo-trick mnie nie zadowala.
Pozdrawiam serdecznie ( ͡~ ͜ʖ ͡°)


.rodzic {
border:solid red 1px;
}
.przycisk {
border:solid red 1px;
float:left;
width:15%;
text-align:center;
}
.pasek {
border:solid red 1px;
}
.rodzic:after {
content:'';
display:block;
clear:both;
}


PASEK U GORY LUB NA DOLE


BUTTON


BUTTON


BUTTON


BUTTON


PASEK U GORY LUB NA DOLE


#webdev
#webdesgin
#css
#css3
#html
#html5

[Stratocaster00]

@Sarkastyczny: Po pierwsze dzięki za odpowiedź. Po drugie: nie ;) one nie mają mieć width:25%; każdy, tylko 15% tak jest jest w kodzie i chodziłoby o to żeby te 4x15% się wyśrodkowało a odstępy po lewej i prawej same ustawiły się odpowiednio, w tym przypadku po 20%. Jak na zdjęciu (przesunąłem w paincie):

[michael94]

@Stratocaster00:
button{display:inline-block;}
.parent{text-align:center}

[michael94]

@Stratocaster00: I jeszcze live wersja: https://codepen.io/anon/pen/gQqZNQ

[Stratocaster00]

@michael94: Bardzo dziękuję. Próbowałem z inline-block ale nie dawałem już w rodzic text-align:center co teraz wydaje mi się być logiczne. Sposób oczywiście działa ale nie umiem teraz się pozbyć odstępów między BUTTON. Jak dam 4xBUTTON po 25% to ostatni przeskakuje, właśnie przez ten odstęp. Czy mógłbyś mi jeszcze raz doradzić? margin-left/right:0 w .PRZYCISK nie działają. Zdjęcie poniżej.

.rodzic {
border:solid red 0px;
text-align:center;
background-color:red;
margin 0; 
}
.przycisk {
border:solid red

[michael94]

@Stratocaster00: Sorry, nie zrozumiałem twojego problemu, dzieje się tak ponieważ masz odstępy, spacje taby w formatowaniu dokumentu html, co jest zrozumiałe żeby dokument był czytelny i dobrzez sformatowany, możesz albo usunąć białe znaki pomiędzy elementami np:
https://codepen.io/anon/pen/dQaLBd?editors=1000

[michael94]

@Stratocaster00: Ale nie jest to najlepszy pomysł ze względu na to że jest nieczytelny i może się rozsypać jak ktoś automatycznie sformatuje dokument, jeżeli elementy mają zajmować 100% to lepiej użyć float:left; :)