:Date: 08/12/2020
:Author: Carlos Félix Pardo Martín
:License: Creative Commons Attribution-ShareAlike 4.0 International

.. css-width-height:

Ancho y alto de caja
====================
La caja donde se encuentra el contenido de un documento
(texto o imágenes) se puede modificar en anchura y altura
para que ocupe un tamaño a nuestro gusto, determinado por
la hoja de estilo CSS y no un tamaño determinado por el
contenido.

Ejercicio
---------
Fichero **css-width-height.html**

.. literalinclude:: css/css-width-height.html
   :language: html
   :linenos:
   :name: css-width-height


Fichero **css-width-height.css**

.. image:: css/_thumbs/css-width-height-css.png
   :alt: Código del fichero css-width-height.css


Resultado
---------

.. image:: css/_thumbs/css-width-height-web.png
   :alt: Resultado de visualizar los ficheros css-width-height.html y css-width-height.css
         en un navegador