html - CSS 样式帮助我的表单输入

Question

HTML 文件

<label for = "about"> About:</label>         
<textarea name="message" class="text" required></textarea>

CSS 文件

    label {
    display: inline-block;
    float: left;
    width: 90px;
    }

我需要一个 CSS 文件来将 ABOUT: 文本移动到文本框的左下角

我需要 CSS 让它看起来像这样

Answer 1

.container{
  display: flex;
  align-items: flex-end;
}
label {
  /* display: inline-block;
  float: left; */
  width: 90px;
}

<div class="container">
  <label for="about"> About:</label>
  <textarea name="message" class="text" required></textarea>
</div>

尝试使用display: flex;