как выровнять 4 DIV справа друг от друга в другом DIV

Question

Я хочу расположить 4 div рядом друг с другом, в определенной позиции в родительском div.Итак, структура div такова (я назову самый верхний div maindiv):

<div>
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>

Теперь я хочу установить div с текстом '1' слева в maindiv

теперь я хочу установить div с текстом '2' на 50 пикселей с левой стороны в maindiv

теперь я хочу установить div с текстом '3' на 150 px с левой стороны в maindiv

теперь я хочу установить div с текстом '4' в 200 px с левой стороны в maindiv

Я думаю :-) я попробовал ВСЕ возможные конструкции CSS, но это не такработа, к сожалению.

У кого-нибудь есть идея?

Answer 1

Отдайте position: relative основному диву

position: absolute детям и расположите их, используя left: xyz; top: xyz.

Answer 2

попробуйте это:

 div div
      {
          float:left;
          margin-left:50px;
      }

РЕДАКТИРОВАТЬ: как в: Исправить для родителя:

div
{
    float:left;
    margin-left:-50px;
}
div div
{
    float:left;
    margin-left:50px;
}

Answer 3

Надеюсь, это поможет вам

                <div> 
                    <div style="float: left;">1</div> 
                    <div style="float: left; margin-left: 50px;">2</div> 
                    <div style="float: left; margin-left: 100px;">3</div> 
                    <div style="float: left;margin-left: 50px;">4</div> 
                </div>