propriété align-self
####################

.. note::

   La propriété présentée ici s'applique aux **items flexbox**, mais pas aux **conteneurs flexbox**.


La propriété align-self permet de passer outre la propriété align-items pour définir un alignement spécifique aux éléments sélectionnés.

.. code-block:: css

   selecteur-item {
      align-self: center;
      align-self: start;
      align-self: end;
      align-self: stretch;
   }

.. note::

   il existe d'autres valeurs possibles, se reporter à la documentation

.. seealso::

   * `la propriété align-content sur le MDN <https://developer.mozilla.org/fr/docs/Web/CSS/align-self>`_


exercice
========

Rendez-vous sur `cette page <https://codepen.io/martin-leo/pen/wvvEaVB?editors=1100#0>`_ et, en utilisant vos connaissances en CSS et la propriété align-self, alignés les éléments indiquant « à gauche » et « à droite » de manière correspondante.

.. note::

    il est attendu que vous soyez en mesure de créer de nouveaux jeu de règles en vous servant notamment des classes « a-gauche » et « a-droite » déjà présentent dans le HTML.