Question

HTML

<div class = "container">
    Text Here = <div class = "plus">+</div> Text Also Here <div class = "minus">-</div>
</div>

CSS

.container {
    position: absolute;
    float: left;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    background-color: #FFFF00;
    opacity: 1;
    width: 400px;
    height: 500px;
    text-align: center;
}
.plus {
    width: 20px;
    height: 20px;
    background-color: #FF00FF;
    text-align: center;
}
.minus {
    width: 20px;
    height: 20px;
    background-color: #FF00FF;
    text-align: center;
}

我想用中间的一些div格式化我的文本，这与

的内容类似

文字文字

但是，当我尝试完成这项工作时，它最终会成为

文本（加上Div）文本（减号段）

这不是我想要的。

Answer 1

使用span代替div，如下所示：

<div class = "container">
    Text Here = <span class = "plus">+</span> Text Also Here <span class = "minus">-</span>
</div>

Jsfiddle：http://jsfiddle.net/AndrewL32/qgpm3r81/3/

在div的左侧和右侧的div之间添加文本

1 个答案: