Question

What html tag is used for text that is neither a heading <h1> nor a paragraph <p> ? The <pre> tag is not appropriate because I need to style the text with CSS. (So, the text is basically a non-important phrase.)

Example 1:
Price per product: $5

Example 2:
Add to Cart

What would be the best practice (or standard way) of dealing with this situation ? Can text be placed inside an <aside> tag without first surrounding it with <h1> or <p> ?

Answer 1

Example 1: If you’re feeling semantic, you can write it like this:

<dl>
    <dt>Price per product:</dt>
    <dd>$5</dd>
    <dt>Products in stock:</dt>
    <dd>12</dd>
</dl>

Otherwise, a span tag would be fine.

---

Example 2: Use an <a /> or <button />