rookie looking for help.

Hello guys

so i'm trying to make a site. but im stuck.

you can see "Jane Doe's Facebook timeline" is text-align i wanne keep it left. but i wont to place it vertical mid. dont want to use padding-top.
like it has to be auto:

this is the html code:
<header>
<h1><a href="#">Jane Doe's Facebook timeline</a></h1>
</header>

If anyone knows how to make it like this:

This is a simple way of doing thing. I'm assuming that this is a header, otherwise this is the code for it.

Code:

<!DOCTYPE html>
<html>
  <head>
    <style>
      #content {
        width: 100%;
        height: 40px;
        background-color: #3B5998;
        position: fixed;
        top: 0;
        left: 0;
      }

      #link_style {
        text-decoration: none;
        color: white;
        font-family: "Segoe UI";
        font-weight: bold;
        font-size: 12px;
        margin-left: 25px;
        vertical-align: middle;
        line-height: 40px;
      }
    </style>
  </head>
  <body>
    <div id="content">
      <a href="" id="link_style">Jane Doe's Facebook timeline</a>
    </div>
  </body>
</html>

Originally Posted by cunniemm

This is a simple way of doing thing. I'm assuming that this is a header, otherwise this is the code for it.

Code:

<!DOCTYPE html>
<html>
  <head>
    <style>
      #content {
        width: 100%;
        height: 40px;
        background-color: #3B5998;
        position: fixed;
        top: 0;
        left: 0;
      }

      #link_style {
        text-decoration: none;
        color: white;
        font-family: "Segoe UI";
        font-weight: bold;
        font-size: 12px;
        margin-left: 25px;
        vertical-align: middle;
        line-height: 40px;
      }
    </style>
  </head>
  <body>
    <div id="content">
      <a href="" id="link_style">Jane Doe's Facebook timeline</a>
    </div>
  </body>
</html>

mate you are the one thank you very much for this.

Originally Posted by wizardshogwarts

mate you are the one thank you very much for this.

lol is this the new stackoverflow?
also bro wanna add me on skype?

No problem man! Glad to help!

Originally Posted by cunniemm

No problem man! Glad to help!

Can you help me? i Cant pm u.

Originally Posted by wizardshogwarts

Can you help me? i Cant pm u.

What do you need help with?

rookie looking for help.

Post a Reply

Similar Threads

Tags for this Thread