HTML-如何在文字左侧添加数字标签

 时间:2024-10-23 02:34:19

1、打开DW新建Html文件后,在body标签下输入文字内容,如图,将最大的框作为ul,里面的子集li,然后在li里面添加数字区域span和文字区域p;添加Li是因为可以更方便的添加多段内容

HTML-如何在文字左侧添加数字标签

3、然后对整个大框ul进行宽度设置,方便移动方向,这里将其居中对齐。

HTML-如何在文字左侧添加数字标签

4、然后对数字区域进行编辑修饰,将span转为块状,然后就可以对齐设置宽高属性设置了

HTML-如何在文字左侧添加数字标签

5、对数字添加了宽高后,就要将数字居中位置,可以对其设置行高作垂直居中对齐,然后设置文字居中样式text-align:center;

HTML-如何在文字左侧添加数字标签

6、想要将数亨蚂擤缚字区和文字区对其,可以使用浮动,这里小编使用的是定位过去,将li作为父集添加相对定位,对li里面的span设置绝对定位,然后对后面的p标签设置了左填充留出左侧区域放置span数字

HTML-如何在文字左侧添加数字标签

7、最后如果想要添加多个文字区域时,因为li的设置完全相同只需要修改文字即可,所以直接复制li标签即可。

HTML-如何在文字左侧添加数字标签
  • Axure制作:注册用户名检验
  • IntelliJ Idea入门篇--创建并运行一个Java类
  • axure中如何设置鼠标点击矩形时直角变圆角矩形
  • Hbuilder的安装与使用教程
  • javascript中如何使用replaceChild方法?
  • 热门搜索
    冬天旅游好地方 北京国际旅游博览会 旅游团价格表 周口旅游 旅游团队 景程旅游 广东旅游局 安徽黄山旅游景点 大连圣亚旅游控股股份有限公司 外出旅游必备