小编Ral*_*lph的帖子

如何使图标看起来干净整洁？我的代码粘贴在下面。看起来像这样，但我希望它看起来像 这样

我试图将它放在表格中，然后与每个 td 左对齐，但图标向下移动。有什么可能的办法吗？谢谢

<p class="for-font-size"><span class="fa fa-calendar"></span> July 25, 2017</p>
<p class="for-font-size"><span class="fa fa-map-marker"></span> Sample City</p>
<p class="for-font-size"><span class="fa fa-venus-mars"></span> Male</p>
<p class="for-font-size"><span class="fa fa-envelope"></span> sample-email@gmail.com</p>
<p class="for-font-size"><span class="fa fa-phone"></span> +12 34567890</p>

我正在考虑在按钮之前和之后使用伪元素来实现这个圆边三角形（旋转）和尖角。请参阅照片以获得所需的结果。