padding not working

<span> tags is a inline element and inline elements don’t react well with padding.

You can target the h1 – h6 as you said, but if you want to target the <span> you will need to add display: inline-block; as well for it to work with padding.

Also, this has nothing to do with WordPress as this is a pure CSS question, for future questions that don’t involve WP use stackoverflow.

Related Posts:

  1. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
  2. Set line spacing
  3. Vertically align text within a div
  4. create a white rgba / CSS3
  5. Using CSS for a fade-in effect on page load
  6. Insert image after each list item
  7. Transition of background-color
  8. In CSS what is the difference between “.” and “#” when declaring a set of styles? [duplicate]
  9. css: how to center box div element directly in center?
  10. How to fix a footer overlapping content?
  11. What is element.style and why is it overriding my css settings?
  12. What’s the HTML to have a horizontal space between two objects?
  13. HTML/CSS float: left; is not working properly
  14. How to get current screen width in CSS?
  15. CSS Div width percentage and padding without breaking layout
  16. CSS div width not working
  17. Positioning background image, adding padding
  18. CSS background-image – What is the correct usage?
  19. Set bootstrap modal body height by percentage
  20. Click through div to underlying elements
  21. Responsive iframe with max width and height
  22. How can I fill a div with an image while keeping it proportional?
  23. Inner glow effect of button
  24. Hexagon shape with CSS3
  25. CSS selector for first element with class
  26. Remove top admin bar
  27. How make theme css be first and not plugin css
  28. One WordPress and database but multiple subdomains
  29. How can I remove css from a child theme?
  30. Can “ and “ tags be used in the HTML editor?
  31. Change color of audio player depending on user role
  32. CSS style button For WP Login Function in page template
  33. WordPress CSS doesn’t update
  34. How to apply wordpress css styles to a jQueryUi dialog?
  35. Auto LTR-RTL Text Direction in wordpress post!
  36. Is there any size difference between single quote ‘ ‘ and double quote ” ” in CSS
  37. create bootstrap columns inside editor group block
  38. Website scroll not working on SAFARI
  39. Old Site displays on Mobile View, not New Site
  40. WordPress problematic caching
  41. why this media query is not working / not loading when I put it in child theme?
  42. Rendering css to screen and debug problem
  43. No responsive design is displayed
  44. WordPress custom styles in menu page
  45. Child theme CSS not applying to element
  46. Unable to align my sidebar to the contents section instead of comments
  47. Make CSS Changes To Only Affect Mobile Browser [closed]
  48. Disable File Editing function
  49. User gets access denied to css files and js files even though user is logged in [closed]
  50. Can’t call custom css in style.php
  51. Using post_class to style posts indivdually
  52. Getting values from options page to css
  53. Conditionally enqueue a stylesheet based off of a javascript click event
  54. WordPress 6 – inline container styles breaking my site
  55. How to make a difference between the portfolio list, and a portfolio item?
  56. What is the best method to have Dynamic CSS?
  57. Load custom CSS before admin CSS
  58. how to stop the shaking effect on my homepage [closed]
  59. List item images perfect on Chrome/Edge, css fudged on FF/IE [closed]
  60. Cannot change hover color for links [closed]
  61. How do I get access to the CSS Editor
  62. prevent HTML output if custom field is empty [closed]
  63. Style product detail page with custom CSS in woocommerce
  64. Using variable to display a page with a different stylesheet
  65. How can I style an IFRAME element that has a constantly changing class name? [closed]
  66. Twenty Twelve Calender Widget post titles creating disturbance
  67. why does this text overlaps in the sidebar?
  68. Combine CSS Files without plugin
  69. My site on mobile version is not giving responsive view
  70. JS button animation for ajax the WordPress style
  71. Hide Some Fields of Post Submit box
  72. CSS properties in textarea in the Customizer
  73. Navbar bg to overflow to section below (updated)
  74. Add top parent page id to body class
  75. New Styles Not Rendering On Mobile Phone and Tablet
  76. Include ElementorPro css into WordPress custom page
  77. Customizing the CSS for the post/page editor?
  78. My Child Theme CSS Isn’t Working
  79. how to modify html on homepage (no home-page.php in my theme)
  80. how to load basic wordpress css
  81. how does additional css rendering work?
  82. Add class when more page is visited
  83. How do I make a child theme’s style.css load after plugin css?
  84. WordPress – Portfolio – Change number of items in a row
  85. Floated element floats into post content in IE, Safari, and Chrome
  86. I cannot make this position properly in WordPress [closed]
  87. How can I pass a variable from PHP to LESS?
  88. Large Unwanted Space at the Bottom of Blog Posts [closed]
  89. Create a body div using CSS [closed]
  90. How would I use a media query to make my entire theme responsive or fluid? [closed]
  91. Clear white line off page [closed]
  92. Strange symbols on page [closed]
  93. Menu is not styled properly and footer as well [closed]
  94. Footer in middle of page in different browers [closed]
  95. Put CSS on TOP, how?
  96. 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?
  97. In which file can I find the custom CSS code I entered?
  98. Some times CSS not Applying
  99. CSS does not take effects and it doesn’t show in inspect [closed]
  100. How do I add JS and CSS to WP (Flatsome)