Html 如何在div的左侧添加加号

我有一些div，并试图在div的左侧添加一个加号，位于

h3

元素之后。我已经设法用

span

添加了加号，但它不会移到左侧，而是保持在中间

.wrapper{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
}
唠叨
{
边缘顶部：5px；
宽度：70%；
边界间距：5px；
表布局：固定；
空单元格：显示；
边界塌陷：分离；
字体：78%/130%“Arial”，“Helvetica”，无衬线；
边框：1px纯色灰色；
盒影：0px-1px 2px 1px#d2d6d8；
边框顶部：1px实心#eee；
右边框：1px实心#d2d5d7；
左边框：1px实心#d2d5d7；
边框底部：1px实心#d2d5d7；
边界半径：3px；
字体大小：大号；
}
c_头
{
盒影：0px-1px 2px 1px#d2d6d8；
边框顶部：1px实心#eee；
右边框：1px实心#d2d5d7；
左边框：1px实心#d2d5d7；
边框底部：1px实心#d2d5d7；
右侧填充：9px；
高度：31px；
溢出：隐藏；
边缘底部：1px；
边界半径：3px；
}
.c_头
{
保证金：0；
填充：0；
左侧填充：9px；
颜色：#777777；
溢出：隐藏；
高度：31px；
线高：31px；
字体大小：1.2米；
字体大小：粗体；
垫底：3件；
}

聊天-测试版+

您可以通过定位

元素

绝对

并为

提供

相对
的
位置来实现这一点，从而为绝对定位的元素建立包含块

然后可以使用
left
或其他偏移将元素移动到右侧位置


.wrapper{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
}
.喋喋不休{
边缘顶部：5px；
宽度：70%；
边界间距：5px；
表布局：固定；
空单元格：显示；
边界塌陷：分离；
字体：78%/130%“Arial”，“Helvetica”，无衬线；
边框：1px纯色灰色；
盒影：0px-1px 2px 1px#d2d6d8；
边框顶部：1px实心#eee；
右边框：1px实心#d2d5d7；
左边框：1px实心#d2d5d7；
边框底部：1px实心#d2d5d7；
边界半径：3px；
字体大小：大号；
左边距：auto；/*我认为您可以将其向左浮动？然后您可能还需要清除封闭容器上的浮动

.group:after {
  content: "";
  display: table;
  clear: both;
}
...
<div class="c_head group">
  <h3 class="c_header">Chat - BETA<span style="float:left; padding-left:0; position:relative; left:0;">+</span></h3>
</div>

.group:之后{
内容：“；
显示：表格；
明确：两者皆有；
}
...
聊天-测试版+

取决于您支持的浏览器。
类似的内容

HTML

删除HTML中h3的内联样式


.wrapper{
位置：绝对位置；
排名：0；
左：0；
宽度：100%；
}
.喋喋不休{
边缘顶部：5px；
宽度：70%；
边界间距：5px；
表布局：固定；
空单元格：显示；
边界塌陷：分离；
字体：78%/130%“Arial”，“Helvetica”，无衬线；
边框：1px纯色灰色；
盒影：0px-1px 2px 1px#d2d6d8；
边框顶部：1px实心#eee；
右边框：1px实心#d2d5d7；
左边框：1px实心#d2d5d7；
边框底部：1px实心#d2d5d7；
边界半径：3px；
字体大小：大号；
}
c_头{
盒影：0px-1px 2px 1px#d2d6d8；
边框顶部：1px实心#eee；
右边框：1px实心#d2d5d7；
左边框：1px实心#d2d5d7；
边框底部：1px实心#d2d5d7；
右侧填充：9px；
高度：31px；
溢出：隐藏；
边缘底部：1px；
边界半径：3px；
}
.c_头{
保证金：0；
填充：0；
左侧填充：9px；
颜色：#777777；
溢出：隐藏；
高度：31px；
线高：31px；
字体大小：1.2米；
字体大小：粗体；
垫底：3件；
位置：相对位置；
}
.c_标题：之前{
内容：“+”；
位置：绝对位置；
左：0；
}
.c_标题：之后{
内容：“+”；
位置：绝对位置；
右：0；
}

聊天-测试版
我好像没想过。谢谢！；）
<div class="wrapper" style="height:100%; background-color:Silver;">
    <center>
        <div class="chatter" runat="server">
            <div class="c_head">
                <div class="plus"> <h3> +     </h3> </div>
                <div class="c_header"> <h3>Chat - BETA</h3> </div>
            </div>
        </div>
    </center>
</div>

.wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.chatter
{
   margin-top:5px;
   width:70%;
   border-spacing:5px;
   table-layout: fixed;
   empty-cells:show;
   border-collapse:separate;
   font:78%/130% "Arial", "Helvetica", sans-serif;
   border:1px solid gray;
   box-shadow:0px -1px 2px 1px #d2d6d8;
    border-top:1px solid #eee;
    border-right:1px solid #d2d5d7;
    border-left:1px solid #d2d5d7;
    border-bottom:1px solid #d2d5d7;
   border-radius:3px;
   font-size:large;
}
.c_head
{
    box-shadow:0px -1px 2px 1px #d2d6d8;
    border-top:1px solid #eee;
    border-right:1px solid #d2d5d7;
    border-left:1px solid #d2d5d7;
    border-bottom:1px solid #d2d5d7;
    border-radius:3px;
}
.c_header
{
    width:70%;
    color:#777777;
    height:100%;
    font-size:1.2em;
    font-weight:bold;
}

.plus {width:30%; height:100%; float:left; font-size:31px;}