我有一个列表，在某些屏幕尺寸下会分成多行
问题是，在这种情况下，我希望列表项目符号在显示的文本中间垂直对齐。
因此，实际上，如果我在同一个列表元素内有 3 行，我希望项目符号/市场显示在第二行而不是第一行旁边，并且如果我有 2 行，则点应该在两行之间排列。
到目前为止，我尝试了垂直对齐，但没有成功，而且还找不到适合我的问题的想法。
我在此片段中有一个
ul::beforeliul {
list-style: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
li::before {
content: "•";
margin-right: 10px;
}ul<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>List Alignment Example</title>
</head>
<body>
<ul>
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
<li>Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</li>
<li>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</li>
</ul>
</body>
</html>