# 5.2: Lorem CSS

## Style the paragraphs

In `style.css` we need to target the paragraphs with the "lorem" class - remember, we target IDs with `#` and we target classes with `.` in CSS.

Let's add some spacing between the individual paragraphs, justify the text, and change the font...

```css
/* Lorem Section */

.lorem {
  margin-top: 32px;
  font-family: Helvetica, sans-serif;
  text-align: justify;
}
```

![Basic Style](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8hEGUzkoOCRbEdJA%2F5.2-basic-style.png?generation=1524162314014844\&alt=media)

![Basic Style Result](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8hERRWprNSoUZ94a%2F5.2-basic-style-result.png?generation=1524162318160851\&alt=media)

## Spread things out

This is definitely better, but things still seem squished together. Let's add a few more rules to spread things out more.

```css
.lorem {
  margin-top: 32px;
  font-family: Helvetica, sans-serif;
  text-align: justify;
  line-height: 24px;
  letter-spacing: 0.5px;
}
```

![Spaced](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8hFRJRV6KW8cwoSZ%2F5.2-spaced.png?generation=1524162312405913\&alt=media)

![Spaced Result](https://4118857389-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LAU8YfYZY6fNRjyl8-Q%2F-LAU8eVd3Wu50JiXv8yI%2F-LAU8hFgQ9EaaB8BWGC_%2F5.2-spaced-result.png?generation=1524162320312473\&alt=media)

## Next Section

One more "*big*" section to go... our favorites! Go to [6.1: Favorites](https://eleven-fifty-academy.gitbook.io/intro-to-coding/part-6-favorites/6.1-favorites-html).