p{
line-height: 20px;
}
Video Summary
All right in this section we’re going to talk about line height. And line height allows you to dictate the space between each sentence of your paragraph or heading. And basically, it goes down to the same principles with letter spacing is that you’re going to be using different fonts and different font sizes and maybe certain headings are going to take up two lines. of space instead of being all on the same line. And maybe there’s just not enough room for your for your paragraph or heading to look the way that you need to. And you can change this through line height. So let’s hop into COPPA and and see and start playing with this. So what we’re going to do is we’re going to dictate the line height and let’s say 200 pixels. So what we’re talking about right here is for every at the end of every line of this paragraph, we’re going to have 200 pixels of spacing. This is going to be pretty excessive for 200. But let’s try 10 pixels.
See 10 pixels is it’s really wrapped right on each other. That’s not what we want. Let’s try and also to is this is a good rule of thumb to is let’s it’s also pretty indicative of what your font size is. So if your font size is 45 pixels, then your space between the next line is 10 pixels, you’re going to see some overlap, right? So what happens if we use 45 pixels?
That’s pretty decent, but maybe you want your paragraph to look like it’s like this. You know we do that space and a half or double spacing. If you’re thinking about like a Word document. So let’s try 75 and see how that looks. All right, that seems like a pretty good spacing and you’re not having too much but it makes it easier for the user to read this paragraph right. So this is how we can dictate the line height and you will run into this you will run this often but we’re talking about maybe everytime I blog articles making the lines a little bit further so it’s easier to read. Or you’re heading you know, maybe maybe in your theme that they specified the line height as maybe, maybe the line height was 20 pixels. Right? And now you’re looking at that and you but you want your font size to be 45. Now, you know you come back here and maybe do 65 This is how you’re gonna be able to play with that.
Alright, and with that being said, I think this wraps up the line height Let’s go on and learn more about text.