Como puedo crear una linea en dreamweaver que se adapte al tamaño?

Hola buenas noches como puedo lograr una línea negra como esta pagina :
http://www.mickm.com/index.php?section=tutorials&id=161

que cuando cambie el ancho de la pantalla se adapte ??

Uso Dreamweaver CC el nuevo =)

Código HTML :

<section>
   <div class="wrapper"><h2>Hola</h2></div>
</section>

Código CSS :

section{background:#000;}
.wrapper{width:900px; margin:auto;}
h2{color:#FFF; font-size:30px; padding:10px 0;}

muchísimas gracias ahora lo que sucede es lo siguiente esas líneas la use para el encabezado y el piedepagina como hago que el cuerpo osea el contenido de la pagina lo que esta entre el encabezado y el piedepagina se mueva por de abajo de ellos y no con todo el contenido ? que mi encabezado y pie se mantengan siempre visibles sin moverse!! no se si me explique bien cualquier duda me preguntas

mmmm position fixed?

estoy haciendo la prueba en un documento nuevo con tus códigos y fino se crea la línea negra con la palabra hola pero al ponerle fixed se desaparece cuando le doy a visualizar en algún explorador que puede ser ? solo se hace visible en static