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. Customize Bootstrap checkboxes
  11. Is there a CSS parent selector?
  12. How can I vertically center a “div” element for all browsers using CSS?
  13. How do I hide the bullets on my list for the sidebar?
  14. css transition opacity fade background
  15. Text-decoration: none not working
  16. How to center HTML5 Videos?
  17. Why is my Bootstrap code not working?
  18. What is the difference between visibility:hidden and display:none?
  19. Center a position:fixed element
  20. How to change the background colour’s opacity in CSS
  21. difference between css height : 100% vs height : auto
  22. Using margin / padding to space span tag from the rest of the p tag
  23. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  24. Forcing reload of editor-style.css
  25. Style something only on the home page
  26. How can I make the wordpress editor apply the selected template?
  27. How do I register/enqueue a custom CSS file?
  28. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  29. PageLines theme: how to change the background color of the main content vs. entire page?
  30. Changing CSS in Twenty Eleven to change font size of body text
  31. When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
  32. raw code vs wordpress
  33. Remove id attribute from stylesheet link
  34. Font embedding in wordpress
  35. How to Add Custom CSS to the Media Thickbox?
  36. How to create fa-bars animated menu
  37. Only column gallery on mobile device
  38. Does costum code in the root folder get lost when wordpress is updated?
  39. WordPress Light/Dark Theme best practices? Is there a way that really works?
  40. Responsive Images Warping
  41. Remove margin from CSS gradient color code
  42. How can I use one stylesheet for multiple sub-sites on my multi-site network?
  43. Child theme stylesheet not always overriding “index”
  44. How do I apply/target CSS to a specific user role or roles?
  45. Why is this jquery / java script code not working in mobile / in devices?
  46. Seperate functions.php for part of site
  47. Internet Explorer ignore my css
  48. How can I remove the ::after CSS selector which is automaticaly appended to the_content()?
  49. Hover colour spreading out beyond submit button
  50. Image getting out of container [closed]
  51. Clients website shows blank page [closed]
  52. post_class not working with css
  53. Using PHP Increment and Conditional Statement to Alternate Loop Background
  54. Remove a Style Tag from WP Theme
  55. Simple way to add custom class and ids to individual Gutenberg blocks
  56. How can I make css inline?
  57. Namespacing theme CSS
  58. Conditionally print css style in WordPress
  59. How to change the standard navigation menu color when using genesis [closed]
  60. WordPress is not displaying CSS file
  61. Change class names dynamically added to html elements by wordpress
  62. Add classes + taxonomy terms to wp_list_pages() output
  63. Chat window hiding behind Twenty Eleven header
  64. Hide Tab Titles from Tabs Block
  65. Hide product variations at home page
  66. WordPress footer always at the bottom of the screen-page
  67. TinyMCE on frontend style not working
  68. WordPress childtheme not loading any CSS/SCSS
  69. Why can’t blocks be hidden with jQuery?
  70. CSS: Appearance/Customise display different to actual display
  71. Border around menu button [closed]
  72. Correct use of !important
  73. How to change hover link colour for blog post (body) text only
  74. Problems styling a Custom Link in a Menu
  75. H2 On Blog/Article Page Gets Assigned a Class
  76. HTML not resizing
  77. Help locating old custom_css in PHP MyAdmin
  78. I would like to achieve a two column checkout page
  79. CSS ?ver=4.7.3 not found
  80. CSS in child theme to replace !important in parent theme
  81. How would I add this code to a single WordPress page?
  82. WP theme update causes child theme CSS problems
  83. How to change menu hover color to white on my theme? [closed]
  84. adding a favicon to site2 – site1/site2/favicon.ico
  85. How to make CSS load live based on options clicked in the theme customizer?
  86. Which files can be replaced in a child theme?
  87. Inserting a DIV Block Into a Listing of Excerpts?
  88. WordPress Custom Superfish CSS Problem [closed]
  89. How do i make a sidebar background color? [closed]
  90. How to remove audio player styles added by mediaelement.js JavaScript?
  91. Do you use css reset in your child theme [closed]
  92. Twenty Fourteen Theme – Moving left sidebar to the right
  93. WordPress doesn’t respect “ver” parameter in styles [closed]
  94. why does WordPress custom css convert alpha to hex values?
  95. how to change the colour of this background
  96. Can I upload my HTML/CSS/Javascript game onto a WordPress page?
  97. How to add css to wp_head depending on the user role?
  98. WordPress site suddenly not showing some DOM elements but mobile is fine
  99. Editing size of h3 tag in wordpress on a one-off basis
  100. Content doesn’t fit on large size desktops like 2560×1440