Unordered Lists

Can anyone tell me how to make two words within the same tag vertical from each other instead of horizontal. Please I am not asking how to make a vertical list! For example i have <li>You Tube</li> I want the word “Tube” to be under the word “You.”

The easiest way is just to put a <br> in where you want the line break to occur.

I have tried that. I even tried to make another list within that one and did not work. I may need to give more details. I have school assignment where I am creating icons with CSS3 The only one with problems is YouTube. You can see it here

You could do something like this:

<a href="#non" title="Subscribe on YouTube">
<span>You</span> 
<span>Tube</span>
</a>
li a span {
display: block;
line-height: 33px;
text-align: center;
}

That worked perfectly. I was thinking about that too and should have tried it.

Thank you