Left navigation bar in css

<html>
  <head>
    <style>
      div#navigation {
        float: left;
        width: 200px;
        height: 100%;
        color: #ffffff;
        background-color: #666;
        border: 1px solid #000;
        padding: 5px;
      }
      a {
        display: block;
        text-decoration: none;
      }
    </style>
  </head>

<body>
  <div id="navigation">
    <a href="">Navigation item 1</a>
    <a href="">Navigation item 2</a>
    <a href="">Navigation item 3</a>
    <a href="">Navigation item 4</a>
  </div>
</body>

</html>

Comments

Popular posts from this blog

Shutdown Computer With Funny Reason

Hidden Attribute in javascript

Draw animated loading spinner canvas in Javascript