Поместите два элемента рядом друг с другом, и оба по-прежнему имеют поля - PullRequest
Новая
       37

Поместите два элемента рядом друг с другом, и оба по-прежнему имеют поля

0 голосов
/ 19 февраля 2012

Кажется, у меня много этой проблемы, когда я пишу. У меня есть два элемента на одной линии. Мне нужно, чтобы они оба имели поля и, следовательно, не могли установить свои позиции на absolute. если я не установил позицию первого элемента, он выглядит нормально. Тем не менее, второй элемент появится ниже первого элемента. Это плохо; Я хотел бы, чтобы они появлялись на одной линии. Другими словами, я хотел бы установить оба элемента на position: absolute; top: 0;, но тогда я не могу использовать поле, которое мне нужно.

HTML: 

#userQuestion{
//border: 1px solid yellow;
width: 400px;
position: relative;
top: 0px;
left: 40px;
line-height: 1.28;
display: inline-block;
}

.container{
padding: 0;
margin 0;
border-top: 1px solid #ccc;
//border: 1px solid blue;
margin-top: 30px;
width: 480px;
}

HTML: 

<div id='userQuestion'></div>  //this is fine
<div class='container'></div>  //this appears underneath userQuestion.  I would like them to be on the same line.

1 Ответ

0 голосов
/ 19 февраля 2012

Попробуйте следующее: 

.container {
    border-top: 1px solid #CCCCCC;
    display: inline-block;
    margin-top: 30px;
    padding: 0;
    width: 480px;
}
...