Skip to main content
added 246 characters in body
Source Link
David Sword
  • 3.4k
  • 1
  • 14
  • 29

Putting a padding-right on the text title that is around the same as width of your absolute number, would prevent the overlap.

#wpadminbar #wp-admin-bar-my-admin-bar-node-default > li > .ab-item {
    padding-right: 45px;
}

or you could wrap your title in a span as well, make them both blocks, and then do a display:flex; on the parent and use flex to size and position.

Putting a padding-right on the text title that is around the same as width of your absolute number, would prevent the overlap.

#wpadminbar #wp-admin-bar-my-admin-bar-node-default > li > .ab-item {
    padding-right: 45px;
}

Putting a padding-right on the text title that is around the same as width of your absolute number, would prevent the overlap.

#wpadminbar #wp-admin-bar-my-admin-bar-node-default > li > .ab-item {
    padding-right: 45px;
}

or you could wrap your title in a span as well, make them both blocks, and then do a display:flex; on the parent and use flex to size and position.

Source Link
David Sword
  • 3.4k
  • 1
  • 14
  • 29

Putting a padding-right on the text title that is around the same as width of your absolute number, would prevent the overlap.

#wpadminbar #wp-admin-bar-my-admin-bar-node-default > li > .ab-item {
    padding-right: 45px;
}