我似乎无法让图标在Safari的“服务”部分中对齐段落(它确实位于所有其他浏览器的中心位置):
http://sidecarexecutivesupport.com/
应该是一个简单的CSS调整,但它正在逃避我。感谢帮助。
答案 0 :(得分:1)
尝试将text-align: center;
和display: block;
放入样式中的[class^="icon-"], [class*=" icon-"]
选择器中。 (我在检查员中对此进行了测试,结果似乎有效)
作为一个额外的建议,<i>
标签并不是真正意味着以你使用它的方式使用..我建议用一些更多的语义替换它,也许是一个跨度?此外,为什么不直接将图形放在html中,而不是将图形放入带有:before { content }
的样式中,而不是直接将其放入html中?这可以使你的一些造型更容易。
答案 1 :(得分:0)
作为text-align:center似乎是一个好主意,它是TEXT对齐,意味着它不是为了对齐块元素而设计的。这就是为什么我建议将属性“text-align:center”附加到父块(类“四分之一”)。
没有其他任何东西它会很好用......并且由于下面的所有其他文本也应该居中,这正是你需要的。