#word {
font-weight: bold;
width: 20px;
height: 100%;
background-color: #0f3039;
}
#answer {
width: 285px;
height: 25px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 15px;
background-color: #0f3039;
margin-left: 348px;
font-size: 16px;
margin-top: 0px;
}
<div id="answer" style="display:none;">
Go With: <span id="word"></span>
</div>
我正在尝试使文本保持在边界内,但它没有正确包装。不确定需要改变什么。
答案 0 :(得分:1)
尝试white-space
可能的值
white-space: none;
white-space: nowrap;
white-space: pre;
white-space: pre-wrap;
white-space: pre-line;
white-space: inherit;
答案 1 :(得分:1)
您正在使用作为内联元素的span。在内联elemnet上,您无法设置宽度。
将其更改为display: block;
查看小提琴:http://jsfiddle.net/zasDb/1/
甚至更好display: inline-block;
但我不知道IE是否支持这个。