practice

.practice / .practicedesc / .practicelab

A set of CSS classes for marking up best practices in a specification. Generates a numbered best practice box with a label and description.

Usage

<div class="practice">
  <p class="practicedesc">
    <span class="practicelab">Use semantic HTML</span>
    Use the most semantically appropriate HTML element for each piece of content.
    Do not use `<div>` where a `<section>`, `<article>`, or `<nav>` would be more appropriate.
  </p>
</div>

Classes

Class	Applied to	Purpose
.practice	<div>	Container for the best practice
.practicedesc	<p>	The description text
.practicelab	<span> inside .practicedesc	The label/name of the practice

Notes

• Best practices are automatically numbered
• Less commonly used than note or example — mainly used by older W3C specs that use this pattern