Wyśrodkowanie HTML

[YOSANE]

     panowie męczę się z wyśrodkowaniem tego juz 30 min co mam zrobic szukałem na necie ale nie wyśrodkowało mi na środku 

[AlexsanderARG]

@YOSANE

 

Co próbujesz wyśrodkować? Jeżeli buttony to trzymaj

 

HTML

<div id="wrapper">
  <button class="btn" type="button">hello</button>
  <button class="btn" type="button">hello</button>
  <button class="btn" type="button">hello</button>
</div>

 

CSS

#wrapper {
  width: 100%;
  height: 400px;
  border: 1px solid black;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  height: 20px;
  width: 100px;
}

.btn:first-child{
  margin-right: 20px;
}

.btn:last-child{
  margin-left: 20px;
}

 

Tutaj podgląd -> https://jsfiddle.net/Goldzik/3pgftvum/3/

[DomixEsports]

Hej,

zależy sporo od tego jak masz te elementy zrobione w nawigacji,

Możesz do tego podejść na dwa sposoby:

-> Dorobić dodatkowy kontener na te trzy przyciski, ustalić mu szerokość a następnie display:block; margin: 0 auto 0 auto;

-> Flex

 

Flexem jest to zrobić chyba najłatwiej, dlatego łap link do jsfiddle który zrobiłem dla Ciebie:

https://jsfiddle.net/e6c8fsyz/