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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

V2EX 提问指南

这是一个创建于 3430 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

间距

HTML

div.m

4 条回复 • 2015-07-15 22:26:12 +08:00

juicy

2015-07-15 13:52:38 +08:00

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

BOYPT

2015-07-15 13:52:58 +08:00

padding属性啊

andybest

2015-07-15 14:06:23 +08:00

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

xinple

2015-07-15 22:26:12 +08:00

.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;
}