如何在html设计界面中添加行？

我正在尝试设计我的界面。但不知何故，我产生了我想要的错误输出。我不明白为什么会这样

我的界面：

我希望执行的界面：

welcome.blade.php

 <div class="w-100 h-100 d-flex justify-content-center align-items-center">
        <div class="w-50">
         <h1 class="display-2 text-white"> Task App </h1>
         <h2 class="text-white pt-5"> Next Task? </h2>
            <form action="{{route('task.store')}}" method="POST">
                @csrf
              <div class="input-group mb-3 w-100">
                <input type="text" class="form-control form-control-lg" name="title" placeholder="Type here..." aria-label="Recipient's username" aria-describedby="button-addon2">
                <div class="input-group-append">
                    <button class="btn btn-success" type="submit" id="button-addon2">Add your task</button>
                <div>
              <div>
            </form>
            <h2 class="text-white pt-2"> My Task List:</h2>
        </div>
    </div>

任务应用程序
下一个任务？
@csrf
添加您的任务
我的任务列表：

首先，如果您的代码片段是实际代码，那么您的HTML语法无效。一些

标记未关闭。我修好了，一切看起来都正常

#主分区{
背景:#555；
}

任务应用程序
下一个任务？
添加您的任务
我的任务列表：

首先，如果您的代码片段是实际代码，那么您的HTML语法无效。一些

标记未关闭。我修好了，一切看起来都正常

#主分区{
背景:#555；
}

任务应用程序
下一个任务？
添加您的任务
我的任务列表：

可能不是最干净的方式，但您是否尝试过在标记后添加
呢？是的，但不起作用使用

display:block

。我应该将那行代码放在哪里？可能不是最干净的方式，但是你试过在你的标签后面添加
吗？是的，我试过了，但它不起作用使用

display:block

。我应该把那行代码放在哪里？非常感谢。我真不敢相信我错过了附带的标签！非常感谢你。我真不敢相信我错过了附带的标签！