I don't think you understand.
This is my html code:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="fonts.css">
<title></title>
</head>
<body>
<div id="topbar">
</div>
<div id="wrapper">
<div id="topbarmain">
<div id="onehundrednetwork">
TEST
</div>
</div>
</div>
</body>
</html>
And this is the CSS I have:
body
{
background-color: #4f4f4f;
margin: 0px;
}
#topbar
{
background-color: #2a2a2a;
height: 45px;
width: 100%;
}
#wrapper
{
width: 1032px;
margin-left: auto;
margin-right: auto;
}
#topbarmain
{
position: absolute;
top: 0px;
height: 45px;
background-color: #2a2a2a;
}
#onehundrednetwork
{
display: table-cell;
vertical-align: middle;
height: 45px;
color: #fff;
text-align: left;
font-size: 16px;
text-shadow: #000 0px 2px;
font-family: nevis, sans-serif;
}
I don't know how to make it look like the image i provided (adding the text on the right hand side.)