Lesson 6

Inline Text Styling

What is inline text styling?

When you’re working with larger amounts of text, you’re going to want to style the text in different ways for different situations.

Headings and paragraphs are great for styling a whole block of text one way. But what if you want to change just a few words inside that block of text? That’s where inline text styling comes in.

Inline means just what it sounds like – it grabs the text that’s in the same line, and when it styles it, it keeps it in that line instead of pushing it only a new line like headings or a new paragraph will.

What are some inline tags?

<b> <strong>
<em> <i>
<span> <br>

Are you ready to learn?

Remember that circus poster you helped me fix earlier? We forgot a few details, so I need your help finishing it now. This new one has a paragraph at the bottom.

Use inline text styling tags to emphasize some words, and make other words bold.

Build with us!

HTML

CSS

JavaScript

Output