html、css文本换行,内容左边标齐

实现下图所示的效果

随着屏幕大小的变换,对同一段落使其左边序号位置不动,内容左边标齐
这里写图片描述
下面为实现代码

html

<p class="fd1 importwords">2.4 您有责任妥善保管账户信息及账户密码的安全,您需要对账户以及密码下的行为承担法律责任。您同意在任何情况下不向他人透露账户及密码信息。</p>
<p class="fd1 importwords">2.5 您同意,您提供的真实、准确、合法的拾光云账号注册资料是作为认定您与拾光云账号的关联性以及您的身份的唯一证据。</p>
<p class="fd1 importwords">2.6 若您使用您的第三方账户授权登陆中威网站或拾光云软件,则视为您接受本协议,并同意中威公司向该第三方调取您的信息(仅限于您使用中威网站或拾光云软件的必要信息)。</p>  

css

 p.fd1 {
text-indent: -20px; //这里很关键
padding-left: 20px; // 使用text-indent与padding-left结合实现上图索要的效果
font-weight: normal;
margin: 5px 0;
  }
  .importwords {
    font-weight: bold;
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值