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...

/* Lorem Section */

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

Basic Style

Basic Style Result

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.

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

Spaced

Spaced Result

Next Section

One more "big" section to go... our favorites! Go to 6.1: Favorites.