Html 试图让我的链接到所有队列

我正试图让我的“更多”链接到所有直线。我想知道我是否应该为他们做一个单独的div？否则我真的不知道该怎么办。我是新手，所以不要太苛刻地评判。非常感谢。我添加了一个JSFIDLE，但我知道我没有正确地完成它…我希望您可以只看一下代码。我将添加我遇到问题的图片：

内容

这段代码应该可以做到这一点

HTML

<div class="text-container">
    <p class="overview-text">
        ... your text ...
    </p>
    <div class="more-link">
        More
    </div>
</div>

将HTML放在img标记之后。

检查输出

@仅媒体屏幕和（最小宽度：961px）{
/*-----内容-----*/
图1.可调{
宽度：29%；
}
html{
位置：相对位置；
最小高度：100%；
}
身体{
边距：0 100px；/*底部=页脚高度*/
字体系列：“Arapey”，衬线；
/*字体系列：“Courier New”，无衬线*/
字体大小：300；
字体大小：20px；
}
标题{
位置：固定；
z指数：1000；
宽度：100%；
顶部：0px；
文本：黑色；
背景色：#670809；
高度：70像素；
文本对齐：居中；
字母间距：1px；
线高：55px；
}
收割台，h1，h2{
字体系列：“雅特拉一号”，草书；
}
海军ulli a{
显示：内联块；
文本对齐：居中；
填充：1像素；
颜色：#fff；
字母间距：1像素；
文字装饰：无；
文本转换：大写；
边缘：.55em；
字体大小：5像素；
浮动：对；
}
主动的，主动的{
/*背景色：无*/
颜色：白色；
}
导航ulli a：悬停{
/*背景色：无*/
颜色：白色；
}
李娜：参观了{
颜色：白色；
}
/*标题标签*/
h1{
文本对齐：居中；
颜色：#013397；
字体大小：40px；
保证金：5px；
}
氢{
文本对齐：居中；
颜色：#670809；
字体大小：30px；
保证金：5px；
}
p{
文本对齐：居中；
}
.左栏{
浮动：左；
宽度：30%；
填充：1%；
}
.右栏{
浮动：对；
宽度：30%；
填充：1%；
}
.立柱中心{
显示：内联块；
宽度：30%；
填充：1%；
}
部分{
文本对齐：居中；
宽度：100%；
}
页脚{
位置：绝对位置；
左：0；
底部：0；
宽度：100%；
保证金：0；
高度：50px；
背景色：#670809；
字体系列：“雅特拉一号”，草书；
/*正文*/
左侧填充：10px；
填充顶部：10px；
颜色：#ffffff；
字体大小：15px；
文本对齐：居中；
}
a{颜色：白色；}
a、 a:悬停，a:活动，a:访问{颜色：白色；}
.box1{
边界宽度：厚；
边框样式：实心；
边框颜色：#287EC7；
}
#按钮1{
颜色：黑色；
浮动：左；
宽度：30%；
填充：1%；
字体大小：粗体；
}
#按钮2{
颜色：黑色；
显示：内联块；
宽度：30%；
填充：1%；
字体大小：粗体；
}
#按钮3{
浮动：对；
宽度：30%；
填充：1%；
颜色：黑色；
字体大小：粗体；
}
.更多{
位置：相对位置；
左：-120px；
}

JS-Bin
您的浏览器不支持视频标记。
GCOM 366概述
内容
GCOM366旨在教授中级网页设计。从一开始就开始
在GCOM266中掌握的技能，您将学习当前的开发工具
通常用于前端web开发。主题包括web托管，
文本编辑器，如Atom、HTML、CSS、jQuery、响应式设计和UI/UX，
通过讲座、演示、阅读作业、，
和实践经验。我们将使用各种材料，通常是在教学演示和作业中，以及列出的资源。





目标
成功完成课程后，学生将：
1） 具备下列计算机软件应用或软件的能力
实践；
a、 超文本标记语言（HTML5）
b、 级联样式表（CSS3）
c、 Photoshop
d、 IFirefox、Chrome、Safari等
e、 FTP客户端（Fetch、Filezilla等）
2.设计各种复杂的网页。
3.理解网络发布中使用的术语。
4.讨论图形应用的重要性及其与图形的关系
-
集成电路通信产业。



项目
本课程以每周项目为中心，这些项目将为一个项目的开发提供素材
最后一个项目。一个网站必须有一个明确的目的和建立的品牌，学生将为此制定计划，并用课堂上学到的技能来执行。
该网站必须组织良好，设计有竞争力，并巧妙地编码

您也可以使用好的旧表

内容
GCOM366旨在教授中级网页设计。从一开始就开始
在GCOM266中掌握的技能，您将学习当前的开发工具
通常用于前端web开发。主题包括web托管，
文本编辑器，如Atom、HTML、CSS、jQuery、响应式设计和UI/UX，
通过讲座、演示、阅读作业、，
和实践经验。我们将使用各种材料，通常是在教学演示和作业中，使用列出的资源

目标
GCOM366旨在教授中级网页设计。从一开始就开始
在GCOM266中掌握的技能，您将学习当前的开发工具
通常用于前端web开发。主题包括web托管，
文本编辑器，如Atom、HTML、CSS、jQuery、响应式设计和UI/UX，
通过讲座、演示、阅读作业、，
和实践经验。我们将使用各种材料，通常是在教学演示和作业中，使用列出的资源

项目
GCOM366旨在教授中级网页设计。从一开始就开始
您在GCOM266中掌握的技能，也将了解当前的发展
<div class="text-container">
    <p class="overview-text">
        ... your text ...
    </p>
    <div class="more-link">
        More
    </div>
</div>

.overview-text, .more-link {
    text-align: center;
}

.overview-text{
    min-height: 200px
}