React Js / Semantic React / 按钮显示

Question

我在将按钮文本仅保留在一行时遇到问题我使用了内联显示，但它不起作用

  <ButtonRegister> Não tem uma conta? <h5>Registre-se </h5></ButtonRegister>

风格：

export const ButtonRegister = styled(Button)`
display: inline !important;
background: transparent !important;
color: #000 !important;
text-align: center !important;
align-items: center;
padding-left: 0 !important;
margin-top: 10px !important;
width: 100%;
&:hover {
    background: transparent !important;
    color: #21deff !important;
}

代码： https://codesandbox.io/s/old-platform-u9lqq

Answer 1

只需 h5 显示：内联或内联块。默认情况下 h5 是显示：块。这就是为什么它在不同的行

React Js / Semantic React / 按钮显示

React Js / Semantic React / button display

css

reactjs

styled-components