Exemple div


Cabecera de la página.
<div style="text-align: center; height: 70px; font-size: 40px; border: 3px solid red;">
<br>
<span style="color: green;">Cabecera de la página.</span>
</div>
Cabecera
de la página.
<div style="text-align: center; font-size: 24px; border: 1px solid red;">Cabecera<br><span style="color: green;">de</span> la <span style="color: orange;">página.</span>
</div>

Ejemplo de div y span

Esto es un párrafo dentro de un div,
y esto un span dentro de un párrafo.

<div style="color: blue;">
<h2>Ejemplo de div y span</h2>
<p>Esto es un párrafo dentro de un div,<br>
    <span style="color: red;"> y esto un span dentro de un párrafo.</span>
    </p>
</div>

Reletiva

<div style="position: absolute; top: 100px; left: 200px; background-color: #ff9966; width: 400px; height: 100px;">
<div style="position: absolute; top: 10px; left: 10px;">Uno</div>
<div style="position: absolute; top: 10px; left: 100px;">Dos</div>
<div style="position: absolute; top: 10px; left: 200px;">Tres</div>
</div>

Fixa

<div style="position: fixed; width: 300px; height: 140px; top: 100px; left: 30px; background-color: #ff8800; color: #fff; padding: 15px; z-index: 1;">
<p>Esta capa tiene posicionamiento fixed.</p>
<p>Me permite especificar top y left para colocarla con respecto a la esquina superior izquierda.</p>
</div>
<div style="position: fixed; width: 700px; height: 30px; padding: 10px; background-color: #d0f; top: 150px; left: 10px; z-index: 2;">Posicionamiento fixed</div>