Add space between HTML elements only using CSS

A good way to do it is this:

span + span {
    margin-left: 10px;
}

Every span preceded by a span (so, every span except the first) will have margin-left: 10px.

Here’s a more detailed answer to a similar question: Separators between elements without hacks

Related Posts:

  1. How to get these two divs side-by-side?
  2. LaTeX: Multiple authors in a two-column article
  3. What’s the difference between align-content and align-items?
  4. How do I center an SVG in a div?
  5. Random gradient background color
  6. CSS Circle with border
  7. Center image using text-align center?
  8. Set line spacing
  9. CSS Background Opacity [duplicate]
  10. Using CSS for a fade-in effect on page load
  11. Remove CSS class from element with JavaScript (no jQuery) [duplicate]
  12. How to make an image center (vertically & horizontally) inside a bigger div
  13. How to center text with Markdown?
  14. Disable Scrolling on Body
  15. CSS Background Image Not Displaying
  16. Changing image sizes proportionally using CSS
  17. Circle button css
  18. CSS Background Image Not Displaying
  19. How do you Hover in ReactJS? – onMouseLeave not registered during fast hover over
  20. What is correct media query for IPad Pro?
  21. Child theme css not overriding parent
  22. How to display a gif fullscreen for a webpage background?
  23. Padding a table row
  24. creating a chevron in CSS
  25. Is there a “previous sibling” selector?
  26. How to create spoiler text?
  27. jQuery scrollTop() method not working
  28. HTML / CSS table with GRIDLINES
  29. How to set background color in jquery
  30. How do I load a CSS style into WordPress admin area only?
  31. Use wp_enqueue_scripts, not wp_print_styles?
  32. Can’t get rid of minify after uninstalling W3 Total Cache [closed]
  33. How to solve ‘Eliminate render-blocking JavaScript and CSS in above-the-fold’ content for multiple files?
  34. wp_tag_cloud inline CSS
  35. How to link to a alternative page in CSS
  36. How Can I Use A Child Theme Effectively When Parent’s CSS Is Located in a ‘CSS folder’?
  37. Responsive background images added inline
  38. Change CSS when user is logged in
  39. How to add css classes to widgets using functions.php?
  40. Enqueued Stylesheet Version Number Not Being Appended
  41. WordPress doesn’t include css
  42. Understanding child theme functions.php
  43. is it possible to use post-type as part of a css selector in block editor stylesheet?
  44. Style every second widget?
  45. How to remove padding and margin between divi rows? [closed]
  46. Cannot figure out how to center div in WordPress theme [closed]
  47. Multiple CSS body classes to specific page I.D.’s – is this possible?
  48. Media Uploader in custom path
  49. Add Post Status to Body Class
  50. Why does my dissappear?
  51. How to make classes for posts?
  52. Remove transparancy in Sydney theme’s headerimage
  53. Bootstrap in theme
  54. How to align full div [closed]
  55. How to handle a background-size: cover image in WordPress?
  56. Ajax Search Lite: Customize Autoscroll
  57. Auto 301 to full post permalink? (using : /archive/%post_id% to %post_name% )
  58. How to change the full capitals font title of my WordPress Blog?
  59. How to style a specific nav menu item?
  60. How to add inline css code with background image in page html code?
  61. Page layout is broken when viewing search results.
  62. WordPress admin toolbar not loading styles after migration
  63. Change login CSS
  64. Passing dynamic options from backend to frontend
  65. JQuery undefined and Stylesheet loads in bottom along with js files
  66. str_replace inside specific css files [closed]
  67. Apply custom css for user role
  68. override a css style [closed]
  69. Block wordpress style for my plugin admin page
  70. Loading bbPress CSS file only on forum directory
  71. WordPress doesn’t recognise created theme
  72. Displaying images outside the content
  73. WordPress plugin development theme issue
  74. get_field values for each post on home page using wp_add_inline_style
  75. Two Filter Issue [closed]
  76. PHP function for horizontal Woocommerce thumbnails and badges
  77. CSS properties in textarea in the Customizer
  78. Apply only the css in my style.css file
  79. Stylesheet does not load despite functions.php
  80. The style.php file inside theme-engine folder has other content on FTP
  81. how to modify html on homepage (no home-page.php in my theme)
  82. how make wp include urls as https?
  83. Customize WP website specific column with CSS
  84. how does additional css rendering work?
  85. how to modify a field’s size in a metabox : ROWS height, and scroll control?
  86. I cannot make this position properly in WordPress [closed]
  87. Let user override plugin CSS
  88. Possible jquery / library conflict in plugin usage
  89. Specifying Class style for Menu
  90. wp nav menu – highlighting current page not working properly [closed]
  91. Image width issue in IE [closed]
  92. Put CSS on TOP, how?
  93. I am trying to apply these CSS rules to x3 Post-ID’s but I can’t get it to work – any idea how I can?
  94. In which file can I find the custom CSS code I entered?
  95. New to wordpress. Need Help with templates [closed]
  96. Some times CSS not Applying
  97. use another theme for just one page
  98. How can I insert a disclaimer in a WordPress site?
  99. Problems loading stylesheet and permalinks after rebooting
  100. CSS does not take effects and it doesn’t show in inspect [closed]

Leave a Comment

tech