Как отобразить текст и компонентный текст в одной строке

Question

У меня есть div, в котором есть какой-то текст, а затем компонент, который отображает еще немного текста:

   <div className="text-center">
      Sign-in or <SignUpLink />
    </div>

Я хочу, чтобы текст отображался как:

Войдите или создайте аккаунт

Но вместо этого он выглядит так:

Войдите или

Создайте аккаунт

Как я могу это исправить?

Answer 1

Give SignUpLink a display: inline style.

const SignUpLink = () => {
  <div style={{ display: 'inline' }}>
    // rest of component
  </div>
}