Pure CSS to “float” to the right the number of children of an admin_bar child node

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.

Related Posts:

  1. WordPress Admin Bar Overlapping Twitter Bootstrap Navigation [closed]
  2. Remove top admin bar
  3. How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
  4. Deregister CSS style link ‘open-sans-css’
  5. WP Admin Bar transparent on some pages (.screen-reader-shortcut)
  6. Admin bar default color scheme for nonregistered/nonlogged users
  7. How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
  8. Site layout problems when logged in due to admin bar
  9. Bootstrap navbar-fixed-top issues [closed]
  10. What’s the difference between SCSS and Sass?
  11. How am I supposed to use index.html?
  12. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
  13. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  14. Adding border to SVG image
  15. What does !important mean in CSS?
  16. Set line spacing
  17. Remove blue underline from link
  18. CSS Background Opacity [duplicate]
  19. Outline effect to text
  20. Customize Bootstrap checkboxes
  21. Making a
  22. React.js inline style best practices [closed]
  23. What is a user agent stylesheet?
  24. What is a user agent stylesheet?
  25. Is there a CSS parent selector?
  26. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  27. Vertically align text within a div
  28. How to align a
  29. Animate the overflow property
  30. Is there a color code for transparent in HTML?
  31. multiple classes on single element html
  32. CSS opacity only to background color, not the text on it?
  33. How do I center floated elements?
  34. create a white rgba / CSS3
  35. Using CSS for a fade-in effect on page load
  36. Gradient borders
  37. Superscript in CSS only?
  38. What is WebKit and how is it related to CSS?
  39. What’s the difference between display:inline-flex and display:flex?
  40. Making an iframe responsive
  41. How can I invert color using CSS?
  42. How to insert spaces/tabs in text using HTML/CSS
  43. font-family is inherit. How to find out the font-family in chrome developer pane?
  44. How to get these two divs side-by-side?
  45. How can I vertically center a “div” element for all browsers using CSS?
  46. What does auto do in margin: 0 auto?
  47. Does bootstrap have builtin padding and margin classes?
  48. How to change the color of an svg element?
  49. Changing spacing between paragraphs and inside of paragraphs
  50. Is there a color code for transparent in HTML?
  51. How to vertically align an image inside a div
  52. How can I center an absolutely positioned element in a div?
  53. Nesting CSS classes
  54. Applying Comic Sans Ms font style
  55. How to set up fixed width for ?
  56. “Stray start tag footer” in html validator?
  57. How to change btn color in Bootstrap
  58. Make div scrollable
  59. Failed to decode downloaded font, OTS parsing error: invalid version tag + rails 4
  60. Chrome give error **Failed to load resource: net::ERR_NAME_NOT_RESOLVED** while other browser load images
  61. What is the difference between the selectors “.class.class” and “.class .class”?
  62. CSS: Creating textured backgrounds
  63. Insert image after each list item
  64. How to make the HTML link activated by clicking on the
  65. ?
  66. How to change text transparency in HTML/CSS?
  67. How do I hide the bullets on my list for the sidebar?
  68. limitations of using @Html.EditorForModel
  69. Transition of background-color
  70. How to implement max-font-size?
  71. How to float 3 divs side by side using CSS?
  72. How to override the properties of a CSS class using another CSS class
  73. HTML Width Percentage
  74. Circle button css
  75. force footer on bottom on pages with little content
  76. draw diagonal lines in div background with CSS
  77. How to add a color overlay to a background image?
  78. Change color of PNG image via CSS?
  79. css transition opacity fade background
  80. Better way to set distance between flexbox items
  81. Text-decoration: none not working
  82. How to set up fixed width for ?
  83. How do I center an h1 in the body
  84. CSS3 Transition not working
  85. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  86. How do I rotate text in css?
  87. CSS Invalid Property Value?
  88. right align an image using CSS HTML
  89. How can I transition height: 0; to height: auto; using CSS?
  90. css to make bootstrap navbar transparent
  91. how to offset a CSS border up and left
  92. @Media min-width & max-width
  93. CSS display: inline vs inline-block
  94. css: how to center box div element directly in center?
  95. How do I center this form in css?
  96. How to apply a CSS filter to a background image
  97. Aligning two divs side-by-side
  98. Play multiple CSS animations at the same time
  99. Dynamically change color to lighter or darker by percentage CSS
  100. How can I replace text with CSS?
  101. CSS text-align: center; is not centering things
Hata!: SQLSTATE[HY000] [1045] Access denied for user 'divattrend_liink'@'localhost' (using password: YES)