Having trouble in putting email address in the header


hi everyone, I am having trouble in putting email address in the top header,below is my html and css codes, thank you for your help

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
	<div id="header">
	<p id="name">Name</p>
	<a href="mailto:email@msn.com"><p id="email">email@msn.com</p></a>
	<div class="left"></div>
	<div class="right">
	<p id="intro">A steadfast and persistent graduate who possesses solid fundamental knowledge in mechanical engineering;</p>
	<P>B.E., Mechanical Engineering</P>
	<p>CNC Vertical Milling Center Operator</p>
	    <li>Learned and wrote G-code to do tapping for engine exhaust pipe.</li>
	<div id="footer"></div>

#header {
    z-index: 1;
    position: fixed;
    height: 60px;
    width: 98%;
    background-color: #BAA26B;

#name {
    font-size: 20px;
    font-family: Arial;

#email {
    font-size: 20px;
    float: right;
    padding: 5px;

.left {
    height: 500px;
    width: 10%;
    background-color: #8EC17E;
    float: left;
    margin-top: 70px;

.right {
    height: 500px;
    width: 88%;
    background-color: #FFA466;
    float: right;
    margin-top: 70px;

#intro {
    font-family: Arial;
    font-weight: bold;

#footer {
	position: relative;
	height: 50px;
	background-color: #668284;
	clear: both;


What stetim94 said


your name: <p id="name">Name</p> doesn't float left, so it will take the entire width of your header. Which means there is no room for your mail, so that gets pushed down


Wow, what a big mistake...

thank you for pointing out, will be more careful next time