Html 将一个DIV并排放置在另一个DIV内，并带有一个跨距

我需要将

promo

div放置在

alert

div的右侧，如下所示：

请，一些CSS专家可以帮助我使用以下代码：

正文{
宽度：640px；
浮动：左；
利润率：0.6px 0.6px；
填充：18px；
字体系列：Arial、Helvetica、无衬线字体；
}
p{
填充：0；
利润率：8px0；
}
分区警报{
填充：8px 12px 8px 12px；
保证金：20px自动20px自动；
文本对齐：对齐；
边框：2个实心#389CF2；
边界半径：8px；
背景色：#F5；
背景图片：url(http://i61.tinypic.com/1oxi50.png);
背景重复：无重复；
背景位置：8px 11px；
}
分区警报范围{
显示：块；
//浮动：左；
垫底：2件；
左边距：40px；
字体大小：15px；
线高：1.3em；
颜色：#5c；
}
宣传部{
显示：块；
宽度：80px；
高度：32px；
填充：4px2px2px2px2px；
文本对齐：居中；
线高：15px；
字体大小：14px；
颜色：#FF0000；
边框：2个点#5858；
边界半径：16px；
背景色：#FFFFD5；
}

Windows 7家庭高级版-02许可证

价格：225.00美元至10倍或210.00雷亚尔现金
15,00%的de Descon！

只需将此CSS规则添加到您的

#promo

元素：

#promo{
    float: right;
}

并在CSS中更改此选项：

div.alert span{
    display: inline-block;
}

如果您不设置

内联块

，

#promo

将像以前一样插入新行

---

试试看

您可以为此使用flexbox属性

只需添加

display:flex

和

justify content:space-between

div.alert {
    display:flex;
    justify-content:space-between;
    padding:8px 12px 8px 12px;
    margin:20px auto 20px auto;
    text-align:justify;
    border:2px solid #389CF2;
    border-radius:8px;
    background-color:#F5F5F5;
    background-image:url(http://i61.tinypic.com/1oxi50.png);
    background-repeat:no-repeat;
    background-position:8px 11px;
}

---

非常感谢。简单的解决方案！