Javascript 将文本垂直居中放置在右侧，同时将文本旋转90度<；img>&书信电报；i>；此 路 不通

我用的是Bootstrap

我一直在尝试添加一列

谷歌评论

使用

显示：flex

和

对齐项目：居中

：

。联系卡{
背景色：#88206D；
边框：实心2px#fff；
边界半径：21px；
最小高度：406px；
字体系列：-苹果系统，BlinkMacSystemFont，'Segoe UI'，Roboto，Oxygen，Ubuntu，Cantarell，'Open Sans'，'Helvetica Neue'，Sans serif；
盒影：6px 6px 9px 0px rgba（0,0,0,0.5）；
-网络工具包盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
-moz盒阴影：6px 6px 9px 0px rgba（0,0,0.5）；
}
#谷歌图标{
高度：44px；
z指数：1000；
背景色：#fff；
填充物：5px；
边界半径：22px；
盒影：2p2px6px0pxrgba（0,0,0,0.53）；
-网络工具包盒阴影：2px2px6px0pxRGBA（0,0,0,0.53）；
-moz盒阴影：2px2px6px0pxrgba（0,0,0,0.53）；
利润上限：24px；
边缘底部：60px；
}
.谷歌评论{
-webkit变换：旋转（90度）；
-moz变换：旋转（90度）；
-ms变换：旋转（90度）；
-o变换：旋转（90度）；
边缘底部：60px；
}
.col-1{
显示器：flex；
弯曲方向：立柱；
对齐项目：居中；
}

谷歌评论

我尝试过，但元素只居中，而元素之间的垂直边距与代码不同。我还希望google review文本和星星垂直居中。您需要的与代码片段中看到的不同吗？对于边距，在

#谷歌图标img

中添加

页边距顶部

和

页边距底部

，这可能会帮助您：