Applied Visual Design: Use the u Tag to Underline Text

i need help for this section "The u tag should wrap around the text “Ph.D. students”.
my code
<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>Google</h4>

<p>Google was founded by Larry Page and Sergey Brin while they were <u> Ph.D. students</u> at <strong>Stanford University</strong>.</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>

It looks like you have a space there <u> Ph.D. students</u>. Try removing it.

When you post a lot of code wrap it in triple back ticks like: ‘’’ code ‘’’ (backtick is to the left of the 1 key):

Example:

<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>Google</h4>

<p>Google was founded by Larry Page and Sergey Brin while they were <u> Ph.D. students</u> at <strong>Stanford University</strong>.</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>
1 Like

it doesnt work ,the same problem
He say : The u tag should wrap around the text “Ph.D. students”.

what i do now
i do resest all code

Strange, works perfectly for me. Are you sure the text between the tags is exactly what is asked in the user story?

yes i do what he wanted but i dont know whats problem

<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>Google</h4>

<p>Google was founded by Larry Page and Sergey Brin while they were Ph.D. students at <strong>Stanford University</strong>.</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>

Wrap this with <u>
Resetting all code means you need to redo the lesson, I assume you didn’t do so because the post you just created showed the original lesson code without any edits.

1 Like

<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>Google</h4>

<p>Google was founded by Larry Page and Sergey Brin while they were<u> Ph.D. students </u> <strong>Stanford University</strong>.</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

I do this I did it but it does not work:thinking:

what are you thinking gwen

There should not be a space in between your <u> tag and ‘Ph.d’. Remove the space, and add a space in front of the <u> tag before ‘were’ so that there is a space between ‘were’ and ‘Ph.d’.