16 replies

Issue with centering button text

I have a button with the following direct styling. The internal text will not center and I have tried various methods, but the goal is to align the internal text both vertical and horizontal.
TRIED:
padding: 0;
padding: auto;
Here is the entire code...https://codesandbox.io/s/ict-birthday-list-fdh3kc?file=/index.html

button.list-record-button {
  height: 9%;
  width: 75%;
  margin: 2rem auto;
  line-height: 1rem;
  text-align: center;
}

button.list-record-button {
  height: 9%;
  width: 75%;
  margin: 2rem auto;
  line-height: 1rem;
  text-align: center;
}

CodeSandboxfossjam

ict_birthday-list - CodeSandbox

ict_birthday-list by fossjam using parcel-bundler

KP-C

Kevin Powell - Community•3y ago•

16 replies

Fourth_quarter

Issue with centering button text

button.list-record-button {
  height: 9%;
  width: 75%;
  margin: 2rem auto;
  line-height: 1rem;
  text-align: center;
}

button.list-record-button {
  height: 9%;
  width: 75%;
  margin: 2rem auto;
  line-height: 1rem;
  text-align: center;
}

CodeSandboxfossjam

ict_birthday-list - CodeSandbox

ict_birthday-list by fossjam using parcel-bundler

Issue with centering button text

Similar Threads

Issue with centering button text

Similar Threads

Similar Threads

Similar Threads