Html 在换行后获取要与元素对齐的文本

Html 在换行后获取要与元素对齐的文本,html,css,flexbox,Html,Css,Flexbox,我在你的线旁边有一个换行符,它会转到下一行。但是,我希望单词需要与单词Choose对齐。相反,它在我不想要的数字下面对齐 问题是: 代码: HTML: <div class="howitworkstitle"> <h1>HOW IT WORKS — SIMPLE AS 1, 2, 3</h1> </div> <div class="sectionstepscontent&

我在你的线旁边有一个换行符,它会转到下一行。但是,我希望单词需要与单词Choose对齐。相反,它在我不想要的数字下面对齐

问题是:

代码:

HTML:

<div class="howitworkstitle">
        <h1>HOW IT WORKS — SIMPLE AS 1, 2, 3</h1>
      </div>
      <div class="sectionstepscontent">
        <div class="photo">src</div>
        <div class="steps ">

          <div>
            <div class="work-steps"> 1</div>
          Choose the subscription plan that best fits your <br>  needs and sign up today.
          </div>
          <div>
</div>
 .sectionstepscontent{
      display: flex;
      justify-content: center;
      border: 1px solid green;
      height: 100vh;
  }

  .work-steps{
    color: #e67e22;
    font-size: 150%;
    height: 57px;
    width: 54px;
    border: 2px solid #e67e22;
    border-radius: 50%;
    display: inline-block;
    text-align-last: center;
    margin-right: 25px;
    padding: 5px;
  }

  .howitworkstitle {
      text-align: center;
  }

.steps > div{
    margin-top: 30px;
}