Почему нельзя написать слового между input в React коде?

return (
      <div className="modal">
        <form class="modal-content animate" action="/action_page.php" method="post">
        <div className="modal-overlay" onClick={this.props.close} />
        <div className="modal-content">
         <div className="modal-logIn">
          <input className="modal-logIn-name" type="text" placeholder="Введите ваше имя"></input>
          <input className="modal-logIn-password" type="password" placeholder="Введите пароль"></input>
          <button className="modal-logIn-submit" type="submit">Login</button>
        <input className="modal-logIn-input" type="checkbox">Запомнить</input>
        </div>
        </div>
        </form>
      </div>
);

Если пишу слово "Запомнить" между тегами последнего инпута то у меня весь сайт пропадает и становится белая страница, если его убрать то все ок и есть форма с другими инпутами и кнопкой. В чем проблема?
Если создать div, p, или span после инпута то слово "Запомнить" в том блоке не отображается...