css – 如何在另一个DIV中将4 DIV的权利对齐

我想在父div中的某个位置将4个div放在彼此旁边.
所以div结构就是这个(我称之为maindiv最顶层的div)：

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

现在我想在maindiv的左边设置文本“1”的div

现在我想在maindiv的左侧以50像素设置文本’2’的div

现在我想在maindiv的左侧以150像素设置文本“3”的div

现在我想在maindiv的左侧以200像素设置文本’4’的div

我认为:-)我已经尝试过所有可能的css结构,但遗憾的是它没有用.

有人有想法吗？

给位置：相对于主div

位置：绝对给孩子们并用左手定位他们：xyz;顶部：xyz.