HTML+CSS 居中列表展示视频数据 - 代码示例 - 常规

<!DOCTYPE html>
<html>
<head>
	<meta charset='UTF-8'>
	<title>居中列表展示视频数据</title>
	<style>
		 ul {
			list-style: none;
			padding: 0;
			margin: 0;
			text-align: center;
		}
		 li {
			display: inline-block;
			margin-right: 20px;
		}
	</style>
</head>
<body>
	<ul>
		<li>视频时长：100.4秒</li>
		<li>平均播放：24.8秒</li>
		<li>发布时间：2023-03-31 16:08:49</li>
		<li>播放量：1.07万</li>
		<li>粉丝观看：5639次</li>
		<li>铁粉观看：2242次</li>
		<li>完播率：18.84%</li>
		<li>粉丝观看：19.9%</li>
		<li>铁粉观看：25.2%</li>
		<li>平均播放时长：24.8s</li>
		<li>粉丝：23.5s</li>
		<li>铁粉：23.5s</li>
		<li>2s跳出率：32.4%</li>
		<li>粉丝：30.8%</li>
		<li>铁粉：29.8%</li>
		<li>5秒完播率：43.79%</li>
	</ul>
</body>
</html>