<!--
天生行元素
::before 在前面
::after 在后面
设置了position: absolute float:left/right
打内部把元素转换成为inline-block;
利用伪类清除浮动
浮动最初是为了 网页能像报纸一样显示
文字环绕图片,
-->
html
<span>
十一
</span>
css
/* 在前面 */
span::before{
content: "姓名:";
}
/* 在后面 */
span::after{
content: "性别:女"
}