在反應中將文本與輸入字段對齊

Question

我不太確定如何將第 2 段放在輸入字段旁邊的 div 底部。 我從這里的帖子中使用了一些 css 但它不起作用（至少在我的情況下）

        <div className = 'group'>
            <label>Password</label>
            <input 
            name = "password"
            type = "password" 
            value = {this.state.password} 
            onChange = {this.handleChange} 
            />
            <p>{this.state.passwordError}</p>
            <p className = 'group' >{this.state.passwordError2}</p>
        </div><br></br>

CSS

 .group {
  display: flex;
  margin-bottom: 10px;
  }
  
.infotext {
 display: inline-block;
  }

這是它現在的樣子，下面是我希望應用 css 后的樣子

Answer 1

在這里，我使用標簽而不是類，只需將它們替換為您的類名

 div { position: absolute } p { display: inline-block; }

 <div className='group'> <label>Password</label> <input name="password" type="password" value={ this.state.password} onChange={ this.handleChange} /> <p>{this.state.passwordError}</p> <p className='group'>{this.state.passwordError2}</p> </div><br></br>