alignement en ligne horizontal

Question

J'ai assigné un élément h2 et p dans un identifiant de section nommé mission. Vous pouvez vérifier le code détaillé ici http://jsfiddle.net/5Umm3/ Je suis constamment confronté au problème d'aligner deux éléments dans le sens horizontal. Au contraire, ils commencent à aligner verticalement, la hauteur est de 45 px et je voulais que l'élément h2 soit verticalement aligné au centre dans la hauteur de 45 px de la section id mission et que le centre s'aligne verticalement en hauteur de 45 px. h2 et p étant alignés horizontalement l'un par rapport à l'autre. Aussi, je vois le p pour avoir un type un peu gras sans que je le donne en gras, hérite-t-il du poids de la police de l'identifiant précédent dans ce scénario? Merci d'avance pour votre aide.

Answer 1

Je pense que c'est ce que vous recherchez:

1. font l'h2 et la p dans le #mission assis côte à côte.
2. supprimez le bold sur le p.

Pour ce faire, j'ai ajouté display:inline-block; à la fois la h2 et p. Le h2 a également été aligné verticalement vers le haut. Width a été ajouté aux deux. J'ai enlevé le bold avec font-weight:normal;.

#mission h2{ 
    text-align:left; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size:22px; 
    font-weight:bold; 
    margin-left:40px; 
    color:blue; 
    display:inline-block; 
    width:200px; 
    vertical-align:top; 
} 
#mission p{ 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size:14px; 
    margin-right:40px; 
    display:inline-block; 
    width:450px; 
    font-weight:normal; 
} 

http://jsfiddle.net/jasongennaro/5Umm3/2/

Answer 2

J'ai simplement essayé de comprendre votre question, mais je ne peux pas en suivre la majeure partie. Essayez d'utiliser des phrases courtes avec une question claire qui se terminent par un point d'interrogation pour poser une question.

La seule phrase qui se termine par un point d'interrogation demande avec le p en gras. Si vous regardez votre code HTML dans un débogueur raisonnable (comme débogueur Firebug ou Chrome), vous pouvez voir que le p devient gras à cause de ce CSS:

#mission {font-weight: bold;} 

Depuis la balise p est contenu dans la section de mission, est couvert par tous les paramètres de la section de mission à moins que vous ne surchargiez le formatage p plus localement. Si vous voulez contrôler la p séparément, vous pouvez utiliser CSS comme ceci:

#mission p {font-weight: normal;} 

Comme pour tout ce que vous avez écrit sur l'alignement, je ne suis pas ce que votre question. Veuillez reformuler une question simple et nous pouvons essayer de vous aider.

Edit: deviner encore ce que vous voulez, mais si vous voulez que le bord gauche du titre « Mission » d'aligner le bord gauche du texte ci-dessous, puis supprimez la ligne indiquée dans cette partie de votre CSS:

#mission h2{ 
    text-align:left; 
    font-family:Georgia, "Times New Roman", Times, serif; 
    font-size:22px; 
    font-weight:bold; 
    margin-left:40px; // <---- Remove this line 
    color:blue; 
}