如何水平對齊社交圖標

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 

        }