如何水平对齐社交图标

Question

我想水平共享此课程图标下的图标，它工作在侧边栏但不是我的内容。有什么建议？这里

http://www.themarketinggroup.ca/canscribe/courses/medical-transcription-healthcare-documentation-course/

Answer 1

在侧边栏的图标

例子是向左浮动。

一个解决办法是增加浮体的规则：留给.widget里选择，像这样：

.widget li { float: left; } 

你可以然后用填充或余量规则添加的每个图标之间的间隔所需量。可以使用flexbox。在这种情况下你会做什么是使社会显示的类ul：flex和添加justify-content的额外规则，以图标一些水平间距。这样的事情：

ul.socials { display: flex; justify-content: space-around; } 

我喜欢后者的解决方案，因为它需要照顾为你隔开图标。

Answer 2

的可能的方式来实现这一目标之一是通过使用浮动

.display_inline li { 
       float: left; // inline elements in left    
       margin: 10px; //to create some space between the icons 

        }