Use the s Tag to Strikethrough Text 5

HTML-CSS
1

Tell us what’s happening:

Your code so far


<style>
  h4 {
    <s>alphabet
    text-align: center;
    height: 25px;
    </s>
  }
  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>Google</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>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/71.0.3578.98 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/applied-visual-design/use-the-s-tag-to-strikethrough-text/

2

HTML tags should only be in the HTML portion of your code.

3

I don’t understand. Sorry, I’m struggling with this one, and my learning disability has kicked in.

4

The <style> section of your code, can only include CSS. CSS defines styles which are applied to HTML elements. The actual presentation of the web page is created with HTML.

// this is a css style
h1 {
    color: blue;
}

<!-- this is an html element -->
<h2>Hello World</h2>
5

So, how exactly would I complete this one? It’s confusing me badly, and it’s hard to understand.

6

It sounds like maybe you’ve inadvertantly done challenges out of order, or perhaps you’ve just been rushing through the lessons very quickly. I would suggest reviewing the basics of HTML and how tags work.

7

I have not rushed through them. I’ve been going back through them already and taking notes on them so I can remember how to code one day in the near future, as I’m taking courses for Technology in college online right now.

8

Ok. Well, what you need to do for this lesson is add an HTML tag containing the appropriate text.

9

It says to wrap the s tag around “Google” inside the h4 tag. You wrapped the s tag around the contents of the h4 ruleset in the CSS section of your code. I agree with ArielLeslie, you should be able to do this lesson if you have completed the challenges in order.

10

So, what you’re both saying is that in the HTML section of the code is where I need to wrap the s tag around?

11

yes. The s tag is going to go somewhere in the HTML section of the code

12

What about this code now?

Capture54
Capture54511×625 52.6 KB

What am I doing wrong to get this?

Capture54(1)

13

Look at the way you added emphasis to text in the paragraph under that h4 tag. Reread the task for this lesson. “Wrap the s tag around “Google” inside the h4 tag and then add the word Alphabet beside it, which should not have the strikethrough formatting.” Look closely and you can see it says to add the s tag INSIDE the h4 tag.

14

I got it now. Thanks.

1 Like