understanding the spaces in CSS

Hello.
I am sorry to ask such a lay question but I’ve sought out numerous resources, none of which touched on this.

Back when I did any code it was … all… HTML. No one had heard of PHP or CSS.

Since I’m so out of date (and touch) I get by okay with WordPress on a not-so dev level.

I just fixed something style-related using a CSS selector and property value, open and shut, and it was great. So I’d would like to do the same in different areas. I got advice CSS, but it has spaces I don’t understand in the syntax. I’ve paid the guy for copy/paste prividege, but he’s asleep, lol, so I’m typing it in from an image of his CSS… just typing it into the Additional CSS area in WordPress’s Appearance/Customize area.

What I don’t understand is the extra spaces before the property values… are they purposeful or needed? How do I enter them for sure: are they literally just individual keyboard spaces or a tab or two, etc.?
Such as:
(Update: I had to use ^’s since the forum deleted my extra spaces)
…picking up on line 35
I know the line numbers are automatic, but just to show consecutive lines:
35 h3#order_review_heading {
36 ^^^^^^^^^^^^padding: 30px 20px;
37 }
What’s all that space (shown here as ^’s) before “padding” value?
Thanks for helping.
It’s been difficult deciding where it wasn’t against procedure to ask this and I don’t have a well-attended group outside or wordpress.org to ask currently, and I won’t keep coming back with “learning CSS” questions.
Much appreciated.

• This topic was modified 4 years, 6 months ago by Jeff Burris.
• This topic was modified 4 years, 6 months ago by Jeff Burris.
• This topic was modified 4 years, 6 months ago by Jeff Burris.
• This topic was modified 4 years, 6 months ago by Jeff Burris.