Aligning line made with CSS [closed]

Not the cleanest or the best way but, you could simply use left:0; and right:0; to make the border 100% of the content, then wrap your text with another tag with position relative, z-index and add background to overlap the border.

Here a example: https://jsfiddle.net/23x380kh/

You can change the padding-right value to modify the spacing you want.

Related Posts:

  1. Is there a CSS parent selector?
  2. How can I vertically center a “div” element for all browsers using CSS?
  3. How do I hide the bullets on my list for the sidebar?
  4. css transition opacity fade background
  5. Text-decoration: none not working
  6. How to center HTML5 Videos?
  7. How to center HTML5 Videos?
  8. Why is my Bootstrap code not working?
  9. What is the difference between visibility:hidden and display:none?
  10. Center a position:fixed element
  11. How to change the background colour’s opacity in CSS
  12. difference between css height : 100% vs height : auto
  13. Using margin / padding to space span tag from the rest of the p tag
  14. Could the WP script/style loader be used to concatenate and gzip scripts and styles in the front-end?
  15. Forcing reload of editor-style.css
  16. Style something only on the home page
  17. How can I make the wordpress editor apply the selected template?
  18. How do I register/enqueue a custom CSS file?
  19. Why isn’t my theme processing SASS?
  20. How to combine multiple CSS files and concatenate JavaScripts if WordPress recommends enqueuing them?
  21. PageLines theme: how to change the background color of the main content vs. entire page?
  22. Changing CSS in Twenty Eleven to change font size of body text
  23. Deregister CSS style link ‘open-sans-css’
  24. When using https, wordpress doesn’t use https for CSS and JS, and admin doesn’t work. How do I fix this?
  25. raw code vs wordpress
  26. I want to change my post titles from h2 to H1
  27. Write text below a specific part of a sentence
  28. Style classic editor buttons
  29. Remove id attribute from stylesheet link
  30. Font embedding in wordpress
  31. How to Add Custom CSS to the Media Thickbox?
  32. How to create fa-bars animated menu
  33. Only column gallery on mobile device
  34. Does costum code in the root folder get lost when wordpress is updated?
  35. WordPress Light/Dark Theme best practices? Is there a way that really works?
  36. Changing CSS FilePath for All Pages
  37. CSS Minification
  38. wp_add_inline_style breaking style and not working
  39. show count is out of the anchor tag in wp_list_categories
  40. jQuery UI styles conflicting with TinyMCE dialog
  41. How to add a custom CSS class to ALL links
  42. Background image reversed on pages after home page [closed]
  43. Why won’t my custom login page CSS load?
  44. wordpress – site not update after update style.css
  45. NGINX+wordpress: CSS being served but not applied
  46. How to apply CSS based on publishing date
  47. Remove CSS Attribute by Overriding CSS in Child Theme
  48. CSS gap issue in div element
  49. Menu toggle bar works only on some pages in WordPress
  50. Including CSS files in HEAD based on page content
  51. Video header on mobile, disappears behind header and content
  52. Conditionally print css style in WordPress
  53. How to change the standard navigation menu color when using genesis [closed]
  54. WordPress is not displaying CSS file
  55. Change class names dynamically added to html elements by wordpress
  56. Add classes + taxonomy terms to wp_list_pages() output
  57. Chat window hiding behind Twenty Eleven header
  58. CSS isn’t rendered on a post but just posted as text [closed]
  59. Hide Tab Titles from Tabs Block
  60. Hide product variations at home page
  61. How to use css only H2 Tag? Site is considering website title also H2 tag and changing its style as well
  62. WordPress footer always at the bottom of the screen-page
  63. Dequeing Parent Fontawesome Deques Parent Styles
  64. TinyMCE on frontend style not working
  65. WordPress childtheme not loading any CSS/SCSS
  66. Why can’t blocks be hidden with jQuery?
  67. CSS: Appearance/Customise display different to actual display
  68. Border around menu button [closed]
  69. Correct use of !important
  70. How to change hover link colour for blog post (body) text only
  71. Problems styling a Custom Link in a Menu
  72. H2 On Blog/Article Page Gets Assigned a Class
  73. HTML not resizing
  74. Help locating old custom_css in PHP MyAdmin
  75. I would like to achieve a two column checkout page
  76. Twenty Fourteen: Shrinking header while scrolling down
  77. CSS ?ver=4.7.3 not found
  78. Custom CSS rules only apply to home page
  79. CSS in child theme to replace !important in parent theme
  80. How would I add this code to a single WordPress page?
  81. WP theme update causes child theme CSS problems
  82. How to change menu hover color to white on my theme? [closed]
  83. adding a favicon to site2 – site1/site2/favicon.ico
  84. How to make CSS load live based on options clicked in the theme customizer?
  85. How can a left and right margin be added to the admin bar without access to “…wp-includes/admin-bar.php”?
  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. can i custom rendered content from API?
  99. How to include Elementor CSS in custom php file [closed]
  100. What is unsafe about this CSS?