HTML/CSS 问题：如何在不修改 HTML 代码的情况下给文字左右加间距？

This topic created in 4005 days ago, the information mentioned may be changed or developed.

演示： http://jsfiddle.net/2ghnvzvy/

约束：不修改 HTML 部分、不扩大 div.m 的宽度（container限制在228px）
问题：如何仅让文字部分与其左右的红色边框增加一个 10px 的空白间距？

间距

HTML

div.m

4 replies • 2015-07-15 22:26:12 +08:00

juicy

Jul 15, 2015

http://jsfiddle.net/2ghnvzvy/3/

BOYPT

Jul 15, 2015

padding属性啊

andybest

Jul 15, 2015

@juicy 谢谢，好像给所有的图片加 margin:0 -11px; 感觉不太好，比如有些嵌入在文字中的表情图片怎么处理
@BOYPT padding 会同时影响到图片

xinple

Jul 15, 2015

.m {
border: 1px solid red;
width: 228px;
font-size: 12px;
padding: 10px;
box-sizing: border-box;
}
.m img {
position: relative;
left: -10px;
display: block;
width: 226px;
margin: 10px 0;
}