First line of text is is showing indented for some reason

HTML & CSS
1 
    <div id="savedItemsDescription">
        <p>Below are items you can purchase later.</p>
        <p>blah blha blah</p>
    </div>

#savedItemsDescription
{
    text-align: left;
}

It’s as if I need to float stuff or something. I don’t get it.

2

Obviously you have another rule in the cascade somewhere that is effecting it. The code snippet you posted will not help us find the problem as it is inheriting from another rule, possibly another “p” style.

Text-align:left is the default anyway so this code below does not even need it.


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>demo</title>

<style type="text/css">
#blah {text-align:left;}
</style>

</head>
<body>

<div id="blah">
    <p>Below are items you can purchase later.</p>
    <p>blah blha blah</p>
</div>

</body>
</html>