inline-block 横に並んで領域あり(marginがとれる、背景が塗れる、横縦がとれる)両方のいいとこどり
inline 並ぶけど領域無し(marginがとれない)
block 領域はあるけど並ばない
inline-blockは便利だけどそれを右揃えしたかったら「親要素に」text-align:rightがかかっている必要がある
pはブロック要素なのではじめから「親としての領域があり」「そのなかで文字が右揃え」になっている
vertical-alignはまたさらに話が別らしい
.user_header{/*親*/
text-align: right;
}
.icons{/*中身*/
display:inline-block;
vertical-align:middle;
/*text-align: right;*/
}