CSS Background Colors - Chrome

Question

The below code works fine in the Solo Learn playground but it will not load properly in Chrome. No border, positioning or background coloring at all in Chrome. I'm new and any feedback would be greatly appreciated..

<section class="password">

<form class="password">
<p>User Name</p><input type="text" name="username" /><br />
<p> Password </p><input type="password" name="password" />
</form>

</section>

.password {
position: fixed;
top: 60px;
right:10px;
background-color:#e0be9f;
float: right;
padding: 15px;
margin-bottom: 10px;
width: 180px;
height:160px;
border-color: #000000;
border-width: 4px;
border-style: dotted;
border-radius: 10px;
}

Answer 1

How you linked the css into your html page?

Answer 2

wow, can't believe I missed that. Thanks!!!

Answer 3

Tim Spangler 😁😁😁 👍👍👍