子弹点垂直对齐

Question

如何在此代码中将项目符号与文本垂直对齐？我无法找到CSS属性：

网址：https://scienceofhappyrelationships.com/mistake-10-neglecting-your-appearance/

感谢名单

Answer 1

他们通过在<li>之前添加一个伪对象来获得子弹点，该子对象的样式和位置与下面的CSS一致

.cnt article ul li:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    content: '\f04d';
    color: #408c52;
    display: inline-block;
    font-family: FontAwesome;
    line-height: 3em;
    font-size: 5px;
    padding-right: 10px;
}

因为旋转会提升项目符号点，您需要将变换的中心设置为项目符号的中间位置，以便旋转不会改变高度，因此您需要添加

transform-origin: -50%;

希望这有帮助！