#codepenchallenge <del> & <ins>

codepenchallenge-del-ins.markdown

#codepenchallenge &

Example del-ins tags. #codepenchallenge HTML Buddies

A Pen by Mark Ostrander on CodePen.

License.

index.html

<p>I'm silently correcting <del>you're</del> <ins>your</ins> grammar.</p>

style.css

body {
  font-family: 'Roboto Mono', monospace;
  font-size: 3em;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
}

p {
  width: 30%;
  text-align: center;
}

del {
  text-decoration-color: red;
}

ins {
  text-decoration: none;
  font-family: 'Caveat', cursive;
  font-size: 1.5em;
  color: red;
  position:absolute;
  transform:rotate(-10deg);
  margin-left: -20px;
  margin-top: -40px;
}