我试图制作一个AMP垂直共享图标栏，并且float不允许其在屏幕右侧垂直对齐。取下浮子后，该条将垂直向左对齐。如何使其垂直向右对齐？
.fa {
padding: 5px;
font-size: 30px;
height: 50px;
width: 50px;
line-height: 40px;
text-align: center;
position: relative;
vertical-align: bottom;
float: right;
}
.block{
display: block;
}
</style>
</head>
<body>
<div>
<amp-social-share type="email" class="fa block"></amp-social-
share>
<amp-social-share type="facebook" data-param-
app_id="254325784911610"class ="fa right"></amp-social-share>
<amp-social-share type="twitter" class ="fa block"></amp-social-
share>
<amp-social-share type="whatsapp" class ="fa block"></amp-social-
share>
</div>