努力将我的图标与标题水平对齐（标题上方50%/下方50%）-下方可能没有完全表明问题，因为添加了红色填充，但我使用的图标顶部有一点额外的空间&；所以它看起来像是坐在下面。在React中使用StyledComponents，但下面的代码片段重复了这个问题。

<代码>.手风琴{背景色：#e5e9eb；高度：174px；最大宽度：612px；边框半径：2px；边框：1px实线#27282A；margin-bottom：48px；}.标题{字体大小：0.75rem；字母间距：0.063rem；文本转换：大写；填充-左：24px；填充-顶部：20px；填充-底部：0px；}.图标{背景颜色：红色；高度：40px；宽度：40px；浮子：右；Margin-Right：12px；}.span{线高：1.25rem；填充-左：24px；填充-右：24px；显示：块；}

<代码><；DIV类=“手风琴”>；<；H3 Class=“ Title ”>；应与图标齐平文本<；DIV类=“ icon ”>；<；/DIV>；<；/H3>；<；SPAN CLASS=“ SPAN ”>；图标应与标题文本平齐<；/SPAN>；<；/DIV>；

顺晟科技：

检查以下片段.

<代码>.手风琴{背景色：#e5e9eb；高度：174px；最大宽度：612px；边框半径：2px；边框：1px实线#27282A；margin-bottom：48px；}.标题{字体大小：0.75rem；字母间距：0.063rem；文本转换：大写；填充-左：24px；填充-顶部：20px；填充-底部：0px；显示：Flex；align-items：居中；}.title span{弹性：1；}.图标{背景颜色：红色；高度：40px；宽度：40px；浮子：右；Margin-Right：12px；}.span{线高：1.25rem；填充-左：24px；填充-右：24px；显示：块；}

<代码><；DIV类=“手风琴”>；<；H3类=“标题”>；<；span>；应与图标齐平的文本<；/span>；<；DIV类=“ icon ”>；<；/DIV>；<；/H3>；<；SPAN CLASS=“ SPAN ”>；图标应与标题文本平齐<；/SPAN>；<；/DIV>；