Вопросы Теги

Отобразить два
рядом друг с другом

Моя цель — отобразить два

бок о бок с содержимым обоих
, выровненным вверху. Я не хочу, чтобы длинный текст во втором
помещался под первым.

Наконец, я не хочу задавать ширину второго

, потому что мне нужно, чтобы разметка работала при разной ширине.

Образец разметки приведен ниже и по адресу http://jsfiddle.net/rhEyM/.

CSS

.left-div {
    float: left;
    width: 100px;
    height: 20px;
    margin-right: 8px;
    background-color: linen;
}
.right-div {
    float: left;
    margin-left: 108px;
    background-color: skyblue;
}​

HTML


     




    My requirements are [A] Content in the two divs should line
    up at the top, [B] Long text in right-div should not wrap
    underneath left-div, and [C] I do not want to specify a
    width of right-div. I don't want to set the width of right-div
    because this markup needs to work within different widths.

​

33
задан Jonathan Wood 4 April 2012 в 06:47
поделиться