Lists

<html>
<head>
<title>
Lists Webpage
</title>
</head>
<body>

<h1> Lists </h1>

<p>
Sometimes, I want to make a list. It can be an ordered list, like
if I am ranking something, or an unordered list, something with
bullets.
</p>
<h2>Ordered List </h2>
<p>
Here are my choices for who Bella should have ended up with,
in order from my favorite pick to my least favorite pick:
<ol>
<li> Mike
<li> Jacob
<li> Edward
</ol>
</p>

<p> Obviously, the above requires some explanation, so I am
going to make a nested ordered list (one list inside another).
</p>
<ol>
<li> Mike
    <ol>
    <li> human
    <li> human
    <li> I don't really know how good he is for Bella, but
    he is human
    </ol>
<li> Jacob
    <ol>
    <li> loyal
    <li> not a vampire
    <li> I don't think Bella should be with someone who is
    destined for someone else, but still, werewolf is better
    than vampire.
    </ol>
<li> Edward
    <ol>
    <li> dead
    <li> looks sick, always
    <li> cold
    </ol>
    </li>


<h2> Underlining </h2>

<p>
We <u>underline </u> with the "u" tag.
</p>

<h2> Text Alignment Examples </h2>

<p>
If I want to align a paragraph, I can put it right in the
paragraph align tag!
</p>

<p align = left>
This paragraph is left-aligned.
</p align = left>

<p align = right>
This paragraph is right-aligned.
</p align = right>

<p align = center>
This paragraph is centered.
</p align = center>

<h2> Blockquote </h2>

<p>
Now, I would like to indent a paragraph!
<blockquote>
One, two, buckle my shoe.<br>
Three, four, knock on the door. <br>
Five, six, pick up sticks.<br>
Seven, eight, lay them straight.<br>
Nine, ten, let's do it again!<br>
</blockquote>
The above is one of my children's favorite songs!
</p>

<h2> Horizontal Lines </h2>

<p>
Here is a horizontal line:
<hr>
<br>
We can make it thicker:
<hr size = 10>
<br>
Or take up a certain percent of the screen:
<hr width = 25% >
<br>
Or both!
<hr size = 5 width = 75%>
</p>

</body>
</html>