在一行内对齐按钮和按钮内容
Align button and button content within a line
我试图突出显示一段文本，并在该部分旁边显示一个按钮。但是，我无法将元素放到我想要的位置，即垂直居中。
这里是对应的CodePen.
如您所见，我正在使用 hackJob-class 手动移动按钮框，以便 'x' 在按钮内居中，但现在按钮太高了。
我本来想要的是想办法
- （自动）使按钮相对于其他文本居中
- （自动）使 'x' / SVG 在该框中居中
...不用担心每次我的尺寸稍微改变时都要重新对齐它。
目前，将 'x'/SVG 向下移动已经有所帮助！
我确定我遗漏了一些明显的东西，非常感谢您的帮助！
你可以添加
display: inline-flex;
justify-content: center;
到.outerWrapclass。
我试图突出显示一段文本，并在该部分旁边显示一个按钮。但是，我无法将元素放到我想要的位置，即垂直居中。
这里是对应的CodePen.
如您所见，我正在使用 hackJob-class 手动移动按钮框，以便 'x' 在按钮内居中，但现在按钮太高了。
我本来想要的是想办法
- （自动）使按钮相对于其他文本居中
- （自动）使 'x' / SVG 在该框中居中
...不用担心每次我的尺寸稍微改变时都要重新对齐它。
目前，将 'x'/SVG 向下移动已经有所帮助！
我确定我遗漏了一些明显的东西，非常感谢您的帮助！
你可以添加
display: inline-flex;
justify-content: center;
到.outerWrapclass。