From e3ee778c07eb818b679d1d26074f79ed5c295fbc Mon Sep 17 00:00:00 2001
From: The Coding Aviator <34807532+thecodingaviator@users.noreply.github.com>
Date: Sat, 9 Mar 2019 19:38:59 +0530
Subject: [PATCH] Added solution to use the s tag to strikethrough text
 (#34290)

* Create index.md

* Corrected title

* Update index.md
---
 .../index.md                                  | 62 +++++++++++++++++++
 1 file changed, 62 insertions(+)
 create mode 100644 guide/english/certifications/responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text/index.md

diff --git a/guide/english/certifications/responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text/index.md b/guide/english/certifications/responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text/index.md
new file mode 100644
index 0000000000..a2ef7fbb67
--- /dev/null
+++ b/guide/english/certifications/responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text/index.md
@@ -0,0 +1,62 @@
+---
+title: Use the s Tag to Strikethrough Text
+---
+![](//discourse-user-assets.s3.amazonaws.com/original/2X/a/aadd6bead83ab7d79a795c326f005a89e6ad81f5.png)
+
+![:triangular_flag_on_post:](https://forum.freecodecamp.com/images/emoji/emoji_one/triangular_flag_on_post.png?v=3 ":triangular_flag_on_post:") Remember to use <a>**`Read-Search-Ask`**</a> if you get stuck. Try to pair program ![:busts_in_silhouette:](https://forum.freecodecamp.com/images/emoji/emoji_one/busts_in_silhouette.png?v=3 ":busts_in_silhouette:") and write your own code ![:pencil:](https://forum.freecodecamp.com/images/emoji/emoji_one/pencil.png?v=3 ":pencil:")
+
+## ![:speech_balloon:](https://forum.freecodecamp.com/images/emoji/emoji_one/speech_balloon.png?v=3 ":speech_balloon:") Hint
+
+Use the `s` tag like this:
+```html
+    <s><p>freeCodeCamp</p></s>
+```
+
+> _try to solve the problem now_
+
+## Spoiler Alert!
+
+![warning sign](//discourse-user-assets.s3.amazonaws.com/original/2X/2/2d6c412a50797771301e7ceabd554cef4edcd74d.gif)
+
+**Solution ahead!**
+
+```html
+<style>
+  h4 {
+    text-align: center;
+    height: 25px;
+  }
+  p {
+    text-align: justify;
+  }
+  .links {
+    text-align: left;
+    color: black;
+  }
+  .fullCard {
+    width: 245px;
+    border: 1px solid #ccc;
+    border-radius: 5px;
+    margin: 10px 5px;
+    padding: 4px;
+  }
+  .cardContent {
+    padding: 10px;
+  }
+  .cardText {
+    margin-bottom: 30px;
+  }
+</style>
+<div class="fullCard">
+  <div class="cardContent">
+    <div class="cardText">
+      <h4><s>Google</s>Alphabet</h4>
+      <p><em>Google was founded by Larry Page and Sergey Brin while they were <u>Ph.D. students</u> at <strong>Stanford University</strong>.</em></p>
+    </div>
+    <div class="cardLinks">
+      <a href="https://en.wikipedia.org/wiki/Larry_Page" target="_blank" class="links">Larry Page</a><br><br>
+      <a href="https://en.wikipedia.org/wiki/Sergey_Brin" target="_blank" class="links">Sergey Brin</a>
+    </div>
+  </div>
+</div>
+```