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

猜你喜欢

转载自blog.csdn.net/Wcharles666/article/details/81540364