IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

CSS vertical-align élement frére-parent


Sujet :

CSS

Mode arborescent

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Invité
    Invité(e)
    Par défaut CSS vertical-align élement frére-parent
    Bonjour,

    Je souhaite centrer en hauteur un bouton par rapport au paragraphe.
    Voici le code qui fonctionne:

    Code HTML : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    <!DOCTYPE html>
    <html>
        <head>
            <style>
                * {margin: 0;padding: 0;}
                form{
                    display:inline;
                }
                p{
                    display:inline-block;
                    vertical-align:middle;
                }
            </style>
            <title>test</title>
        </head>
        <body>
            <div>
                <p>
                    paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
                    paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
                    paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>paragraphe paragraphe </br>
                </p>
                <form>
                    <input type="submit" value="suprimer"/>
                </form>
            </div>
        </body>
    </html>

    Ma question: pourquoi la propriété vertical-align ce met sur l'élément frère (le paragraphe) du bouton et pas sur son élément parent (la div), ce qui me paraitrai plus logique?
    Dernière modification par ProgElecT ; 03/06/2022 à 17h15.

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. [CSS] probleme alignement vertical (bis)
    Par minirom dans le forum Mise en page CSS
    Réponses: 6
    Dernier message: 11/08/2006, 14h00
  2. CSS: vertical-align:middle;
    Par pierrot10 dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 01/12/2005, 00h40
  3. [CSS] text-align:center sous FF
    Par 10-nice dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 30/10/2005, 01h29
  4. Menu CSS vertical, petit espace entre les images sous IE
    Par Death83 dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 24/10/2005, 09h52
  5. [FO] vertical-align ?
    Par DanDigiMan dans le forum XSL/XSLT/XPATH
    Réponses: 3
    Dernier message: 12/09/2004, 14h48

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo