Inline & Block Elements
Span Tag
The <span> tag is a generic inline container. It is like <div>, but for a few words inside a line of text.
Syntax:
<p>Course price: <span class="price">Free</span></p>.price {
color: green;
font-weight: bold;
}div vs span
<div> | <span> | |
|---|---|---|
| Type | Block | Inline |
| Used for | Sections and layout | Words inside text |
| Starts new line | Yes | No |