выравнивание по горизонтали

Question

Я назначил элементы h2 и p внутри идентификатора секции с именем mission. Вы можете проверить подробный код здесь http://jsfiddle.net/5Umm3/ Я постоянно сталкиваюсь с проблемой выравнивания двух элементов по горизонтали. Скорее они начинают выравниваться по вертикали, высота составляет 45 пикселей, и я хотел, чтобы элемент h2, т.е. миссия, был выровнен по центру по вертикали в 45 пикселей по высоте миссии идентификатора раздела, а p id - по центру по вертикали по высоте в 45 пикселей по высоте. h2 и p горизонтально выровнены в линию друг к другу. Кроме того, я вижу, что p имеет несколько полужирный шрифт без указания жирным шрифтом, наследует ли он вес шрифта от предыдущего идентификатора в этом сценарии? Заранее благодарны за Вашу помощь.

Answer 1

Я думаю, это то, что вы ищете:

1. заставить h2 и p в #mission сидеть рядом.
2. удалить bold на p.

Для этого я добавил display:inline-block; к h2 и p.

h2 также был вертикально выровнен к вершине. Width был добавлен к обоим.

И я удалил bold с 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

Я честно пытался понять, каков был твой вопрос, но я просто не могу понять большую его часть.Попробуйте использовать короткие предложения с четким вопросом, который заканчивается вопросительным знаком, чтобы задать вопрос.

Единственное предложение, которое заканчивается вопросительным знаком, это вопрос с p, выделенный жирным шрифтом.Если вы посмотрите на свой HTML в любом приемлемом отладчике (например, в отладчике Firebug или Chrome), вы увидите, что p становится жирным шрифтом из-за этого CSS:

#mission {font-weight: bold;}

, поскольку тег p содержится в разделе миссии, он покрыт любыми настройками в разделе миссии, если вы не переопределите форматирование p более локально.Если вы хотите управлять p отдельно, вы можете использовать CSS следующим образом:

#mission p {font-weight: normal;}

Что касается всего, что вы написали о выравнивании, я не понимаю, какой у вас вопрос.Пожалуйста, перефразируйте простой вопрос, и мы можем попытаться помочь.

Редактировать: Все еще догадываюсь, что вы хотите здесь, но если вы хотите, чтобы левый край заголовка "Миссия" совпадал слевый край текста под ним, затем удалите указанную строку в этой части вашего 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;
}