Button w którym content jest wyśrodkowany w poziomie i pionie

Button w którym content jest wyśrodkowany w poziomie i pionie
MK
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 7
0

Potrzebuję kodu, gdzie zawartość buttona będzie wyśrodkowana wertykalnie i horyzontalnie, chciałbym żeby się nie rozjeżdżało na różnych przeglądarkach i rozdzielczościach jak w prototypie. Z góry dziękuję za pomoc! :))

Tutaj jest prototyp: https://jsfiddle.net/fboL06ea/2/

boryss
  • Rejestracja: dni
  • Ostatnio: dni
0

Nie jestem pewien czy o to chodzi, ale:

Horyzontalnie:
text-align: center;

Wertykalnie możesz np. ustawić line height na wysokość buttona
line-height: 45px;

btw. chyba nie ten dział?

czysteskarpety
  • Rejestracja: dni
  • Ostatnio: dni
  • Lokalizacja: Piwnica
  • Postów: 7697
0

bierzesz button generator i ustalasz margin, padding
http://cssbuttoncreator.com
https://www.bestcssbuttongenerator.com
ew. możesz wykorzystać flexa
display: flex; align-items: center;

mechanix
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 502
1
Kopiuj
<button>
<span>DEMO</span>
</button>

button {
  display: flex;
  justify-content: center;
  align-items: center;
}

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.