15 <del> and <ins> HTML

Collection of free HTML and CSS <del> & <ins> Design examples from Codepen and other resources.
This CSS will apply a line-through decoration and red color to any content wrapped in a <del> element, indicating it as deleted. Similarly, the <ins> element will have an underline decoration and green color to represent inserted text. Feel free to adjust the CSS properties (like color, font, size, etc.) to match your desired styling for deleted and inserted text.

Table of Contents

• ins & del Diff
• A different view on <del> and <ins>
• <del> & <ins>
• A Badly Written Answer - <del> & <ins>
• HTML Buddies <del> & <ins>: Stings
• - del & ins - demotivational quotes
• <del>, <ins> Code Diff (semantic HTML be damned)
• HTML buddies <del><ins>
• <del> & <ins>
• - <del> and <ins>
• <del> + <ins>
• <del> & <ins>
• del & ins
• - HTML Buddies - <del> and <ins>
• Wrapping Highlighted Text

ins & del Diff

See the Pen ins & del Diff by Jonas Linn (@segg) on CodePen.

A different view on <del> and <ins>

See the Pen A different view on <del> and <ins> by Marko Letic (@mletic) on CodePen.

<del> & <ins>

See the Pen <del> & <ins> by Mark Ostrander (@ostranme) on CodePen.

A Badly Written Answer - <del> & <ins>

See the Pen A Badly Written Answer - <del> & <ins> by Leena Lavanya (@leenalavanya) on CodePen.

HTML Buddies <del> & <ins>: Stings

See the Pen HTML Buddies <del> & <ins>: Stings by Jessica Paoli (@skullface) on CodePen.

- del & ins - demotivational quotes

See the Pen - del & ins - demotivational quotes by Halida Astatin (@halidaa) on CodePen.

<del>, <ins> Code Diff (semantic HTML be damned)

See the Pen <del>, <ins> Code Diff (semantic HTML be damned) by Zach Handing (@zachhanding) on CodePen.

HTML buddies <del><ins> #codepenchallenge

See the Pen HTML buddies <del><ins> #codepenchallenge by Nour Saud (@nourabusoud) on CodePen.

<del> & <ins>

See the Pen <del> & <ins> by Liam (@liamj) on CodePen.

- <del> and <ins>

See the Pen - <del> and <ins> by Tony Banik (@banik) on CodePen.

<del> + <ins>

See the Pen <del> + <ins> by Mark Praschan (@markpraschan) on CodePen.

<del> & <ins>

See the Pen <del> & <ins> by Daniel Fontes (@dffontes) on CodePen.

del & ins

See the Pen del & ins by yuanchuan (@yuanchuan) on CodePen.

- HTML Buddies - <del> and <ins>

See the Pen - HTML Buddies - <del> and <ins> by Allistair Lee (@allistairlee) on CodePen.

Wrapping Highlighted Text

See the Pen Wrapping Highlighted Text by Dave Rupert (@davatron5000) on CodePen.