Html 为什么我不能把我的沙发放在一起

我是一个完全的初学者，我不知道我做错了什么。我想让我的文本彼此相邻，就像一个在右边，另一个在左边

我从这段视频中复制了大部分内容。它看起来应该是36:50，但是我的教育部分在我的经历部分之下。（不要判断我的代码结构，这是我的第一周）

你好
你好


你好

你好

嗨-嗨

嗨-嗨

嗨-嗨



你好

你好

嗨-嗨

嗨-嗨

嗨-嗨



你好


你好

你好

hi-hir

嗨-嗨

嗨-嗨



你好

你好

嗨-嗨

嗨-嗨

嗨-嗨



你好

你好

hi-hif

嗨-嗨

嗨-嗨



html{
滚动行为：平滑；
}
*{
填充：0；
保证金：0；
列表样式：无；
}
身体{
框大小：边框框；
字体系列：蒙特塞拉特；
}
#第A1节{
高度：910px；
背景：绿色；
宽度：100%；
背景：#000000；
背景：url（）；
背景色：rgba（0,0,0,0.7）！重要；
背景混合模式：颜色；
背景位置：中心；
背景附件：固定；
背景尺寸：封面；
}
.第A1节{
填充顶部：50px；
填充底部：30px；
}
.第A1及h2条{
边缘底部：50px；
左边距：300px；
}
.第A1节李{
左边距：15%；
}
.第A1 p节{
填充底部：50px；
颜色：白色；
线高：2.2米；
}
.时间表{
列表样式类型：无；
位置：相对位置；
}
.时间表：之前{
内容：''；
背景:#555；
显示：内联块；
位置：绝对位置；
左：160像素；
宽度：3倍；
身高：100%；
z指数：1；
}
.li h3{
宽度：200px；
颜色：白色；
背景色：#000；
填充：5px0px 5px20px；
字体大小：15px；
}
.时间线li h3 span{
字体大小：粗体；
颜色：#ccc
}
李：以前{
内容：''；
背景：#fff；
显示：内联块；
位置：绝对位置；
边界半径：50%；
边框：3倍实心#000；
左：150px；
宽度：20px；
高度：20px；
z指数：1；
}

检查引导程序的链接。当我从CDN添加bootstrap时，它起作用了：

您的CSS中可能缺少括号

{}

（和/或分号

；

），导致您的CSS与视频中的工作方式不同，这也是为什么您不能在此处发布CSS的原因。但是，是的，我们需要查看CSS来帮助您完成这项工作。您的CSS（来自第60行）没有封装到标记中。把它包起来，泰！只是好奇为什么它能与引导一起工作？这是什么？Bootstrap是一个用于开发HTML、CSS和JS的开源工具包。从3:25开始观看视频

<div class="SectionA1" id="SectionA1">
    <h1> hi </h1>
    <div class="container">
    <div class="row">
    <div class="col-md-6" > 
        <h2> hi </h2>
        <ul class="timeline" style="height: 425px;">
            <li>
                <h3 style="width: 95px"><span>hi</span></h3><br>
                <p>hi<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi
                </p>
            </li>
            <li>
                <h3 style="width: 95px"><span>hi</span></h3><br>
                <p>hi<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi
                </p>
            </li>       
        </ul>   
    </div> 
    <div class="col-md-6" >
        <h2> hi </h2>
        <ul class="timeline" style="height: 650px;">
            <li>
                <h3 style="width: 95px"><span>hi</span></h3><br>
                <p>hi<br>
                <b>hi</b> - hir<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi
                </p>
            </li>
            <li>
                <h3 style="width: 95px"><span>hi</span></h3><br>
                <p>hi<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi <br>
                <b>hi</b> - hi
                </p>
            </li>   
            <li>
                <h3 style="width: 95px"><span>hi</span></h3><br>
                <p>hi<br>
                <b>hi</b> - hif<br>
                <b>hi</b> - hi<br>
                <b>hi</b> - hi
                </p>
            </li>   
        </ul>   
    </div>
    </div>
    </div>  
    </div>


html{
    scroll-behavior: smooth;
}

*{
    padding: 0;
    margin: 0;
    list-style: none;
}

body{
    box-sizing: border-box;
    font-family: Montserrat;
}

#SectionA1{
    height: 910px;
    background: green;
    width: 100%;
    background: #000000;
    background: url();
    background-color: rgba(0, 0, 0, 0.7) !important;
    background-blend-mode: color;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover; 
}

.SectionA1{
    padding-top: 50px;
    padding-bottom: 30px;
}

.SectionA1 h2{
    margin-bottom: 50px;
    margin-left: 300px;
}

.SectionA1 li{
    margin-left: 15%;
}

.SectionA1 p{
    padding-bottom: 50px;
    color: white;
    line-height: 2.2em;
}

.timeline{
    list-style-type: none;
    position: relative;
}

.timeline:before{
    content:'';
    background: #555;
    display: inline-block;
    position: absolute;
    left: 160px;
    width: 3px;
    height: 100%;
    z-index: 1;
}

.timeline li h3{    
    width: 200px;
    color: white;
    background-color: #000;
    padding: 5px 0px 5px 20px;
    font-size: 15px;
}

.timeline li h3 span{
    font-weight: bold;
    color: #ccc
}

.timeline li:before{
    content: '';
    background: #fff;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #000;
    left: 150px;
    width: 20px;
    height: 20px;
    z-index: 1;
}