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

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/

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ł?

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;

1
<button>
<span>DEMO</span>
</button>

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

1 użytkowników online, w tym zalogowanych: 0, gości: 1