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

.. css-span:

Etiqueta span
=============
``<span class="">  </span>``
   La etiqueta span permite asignar un estilo a un **elemento
   pequeño** dentro de una etiqueta de bloque.

   Por ejemplo, asigna un color a una palabra dentro de un
   párrafo.

   ``<p> Frase con <span class="Azul"> color azul </span> </p>``



Ejercicio
---------

Fichero **css-span.html**

.. literalinclude:: css/css-span.html
   :language: html
   :linenos:
   :name: css-span


Fichero **css-span.css**

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


Resultado
---------

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