49 lines
776 B
HTML
49 lines
776 B
HTML
|
<link rel="stylesheet" href="../stylesheets/easy.css" media="screen" />
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
/* COPY START HERE */
|
||
|
|
|
||
|
|
ul.nav{
|
||
|
|
margin:0;
|
||
|
|
padding:0;
|
||
|
|
position:absolute;
|
||
|
|
top:2em;
|
||
|
|
right:0;
|
||
|
|
}
|
||
|
|
ul.nav li{
|
||
|
|
margin:0;
|
||
|
|
padding:0 .5em;
|
||
|
|
line-height:1em;
|
||
|
|
float:left;
|
||
|
|
list-style:none;
|
||
|
|
border-left:1px solid #555;
|
||
|
|
}
|
||
|
|
ul.nav li.first{
|
||
|
|
padding-left:0;
|
||
|
|
border-left:none;
|
||
|
|
}
|
||
|
|
ul.nav li a{float:left;}
|
||
|
|
|
||
|
|
/* COPY END HERE */
|
||
|
|
|
||
|
|
</style>
|
||
|
|
|
||
|
|
<div id="container">
|
||
|
|
<div class="main">
|
||
|
|
|
||
|
|
<!-- COPY START HERE -->
|
||
|
|
|
||
|
|
<ul class="nav fixed">
|
||
|
|
<li class="first"><a href="#">Lorem</a></li>
|
||
|
|
<li><a href="#">Lorem</a></li>
|
||
|
|
<li><a href="#">Lorem</a></li>
|
||
|
|
<li><a href="#">Lorem</a></li>
|
||
|
|
<li><a href="#">Lorem</a></li>
|
||
|
|
<li><a href="#">Lorem</a></li>
|
||
|
|
</ul>
|
||
|
|
|
||
|
|
<!-- COPY END HERE -->
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|