[看]问，如何实现svg、i、文字等混排多行段落的水平居中？ - 悠哉wu - 沸点 - 掘金

前端入门

问，如何实现svg、i、文字等混排多行段落的水平居中？
段落结构如下

<!DOCTYPE html>
<html lang="zh">
<head>
<style>
* {
padding: 0;
margin: 0;
}

svg {
width: 16px;
height: 16px;
background-color: crimson;
}

i {
display: inline-block;
width: 16px;
height: 16px;
background-color: crimson;
}

p {
width: 140px;
}
</style>
</head>
<body>
<p>
<svg></svg>
大萨断水口了大街
<i></i>
dasda
</p>
</body>
</html>

展开

技术交流圈

赞过