<ins> marks content added to a document. It represents an edit, not a generic way to underline text.
Explain an addition
The visible “Added” wording explains the revision independently of the browser’s usual underline.
HTML and CSS
HTML
<p>Original plan: bring a notebook.</p>
<p>
Added on September 30: <ins datetime="2026-09-30">Bring a pen as well.</ins>
</p>
CSS
ins {
text-decoration: underline;
}
Edit HTML or CSS to update the preview as you type. Copy code snippet copies the selected tab. Preview spacing and font defaults are not included.
Attributes and content
datetime records the edit’s time using a valid date with optional time. cite can identify a URL explaining the revision. These are metadata; add a visible link or date when readers need that information.
Ins can contain phrasing or flow content where allowed. Mark up whole structural units coherently; do not open an insertion in one paragraph and close it in another. Pair with del to show replaced content.
Accessible revisions
Most screen readers do not announce insertion boundaries by default. Make important changes clear in prose rather than relying on underlining, color, a tooltip, or an unsupported naming attribute.
For a visual underline with no edit meaning, use text-decoration. For emphasis use em or strong. Change the example’s underline color and verify that the revision is still understandable without seeing it.
Sources and browser support
MDN: ins describes the syntax and links to the specification and compatibility data. Check individual values in that table when supporting older browsers.