Use the strong Tag to Make Text Bold 5

HTML-CSS
1

Tell us what’s happening:
This one has me very stumped, and it’s frying my brain to try to figure out how to wrap a “strong” around Stanford University. When I keep looking at the instructions, I get stumped every time.

Your code so far


<style>
  h4 {
    text-align: center;
    height: 25px;
  }
  p {
    strong:"Stanford University";
    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>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at Stanford University.</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-strong-tag-to-make-text-bold

2

Looks at this paragraph. They want you to wrap around “Stanford University” with <strong> tags.

1 Like
3

So I put the

strong

tags around it in the paragraph?

4

Yes, give it a shot.

1 Like
5

Thank you so much! I’m glad to have a lot of help on this site :slight_smile:

6

i tried doing the Stanford University with it as my only bolded word in the paragraph and it still doesn’t say it’s wrapped

7

Post your code if you need help
Be sure to format it surrounding it with backticks (you can use the </> button in the post editor)

8 
&lt;style&gt;

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;

}

&lt;/style&gt;

&lt;div class="fullCard"&gt;

&lt;div class="cardContent"&gt;

&lt;div class="cardText"&gt;

&lt;h4&gt;Google&lt;/h4&gt;

&lt;p&gt;Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at &lt;strong&gt; Stanford University &lt;/strong&gt;.&lt;/p&gt;
9

You would need to also not include the spaces

And, please, use the backticks to format your code so that is readable… use the </> button in the post editor

image

10

oh my problem was just spacing and thx for the image on how to submit code

1 Like