Javascript HTML文本包装不正确，水平滚动条问题

使用有限的CSS和一个Jquery支持的按钮构建一个简单的基于文本的HTML文档。我有一个主要问题：我的文本不想包装，它只是离开屏幕。我尝试使用的任何正确填充似乎都有问题。救命啊

代码笔：

正文{
宽度：100vw；
保证金：0；
填充：0；
溢出：隐藏；
}
.daytext{
颜色：黑色；
边框底部：2倍实心rgba（0,0,0,0.2）；
文字装饰：无；
}
.nighttext{
颜色：白色；
边框底部：2倍实心rgba（255、255、255、0.2）；
文字装饰：无；
}
.按钮{
位置：绝对位置；
z指数：100；
底部：10px；
}
.持有人{
宽度：100%；
身高：100%；
}
.霍尔德分部{
宽度：100%；
身高：100%；
位置：绝对位置；
z指数：0；
/*初始z索引*/
}
.保持架分流电流{
z指数：1；
}
/*只有该DIV才可见*/
.一{
颜色：黑色；
背景：白色；
字号：3em；
线高：1.5em；
字体系列：monospace；
}
.二{
颜色：白色；
背景：黑色；
字号：3em；
线高：1.5em；
字体系列：monospace；
}
.包裹{
利润率：05%05%；
}

科里
耶
嗨，我是设计师
目前
居住在北卡罗来纳州夏洛特。
白天，我参加、工作和工作
，以及设计。
我的目标是创建一个独特的开发项目组合，并在一家能够
帮助我成长

我熟悉各种工具，如Figma、Adobe Creative Suite、Visual Studio代码、Github、HTML5、，
CSS，以及
Javascript；我还在学习SASS、React和Jquery

偷看我的，检查我的，
然后说。

嗨，我是，一位音乐家，目前居住在北卡罗来纳州的夏洛特

晚上，我制作DJ，
并主持一个会议。我的目标是与歌手和表演者合作，创作出伤害演讲者的真诚流行歌曲

我用Ableton、Spire、Ozone和midi键盘等工具作曲；我也在学习和弦理论，血清和一般混合技术

体验我的，检查我的，然后说

$（“按钮”）。单击（函数（）{
if（$（“.holder>div:last child”）.hasClass（“当前”））{
$（“.holder>div:last child”）.removeClass（“当前”）；
$（“.holder>div:first child”）.addClass（“当前”）；
}否则{
$（.current”）.removeClass（“current”）.next（）.addClass（“current”）；
}
});

更正包装

.wrap {
    padding: 0 5% 0 5%;
    box-sizing: border-box;
}

更新2

删除了一些多余的代码，重写了一点

正文{
宽度：100%；
保证金：0；
填充：0；
}
.daytext{
颜色：黑色；
边框底部：2倍实心rgba（0,0,0,0.2）；
文字装饰：无；
}
.nighttext{
颜色：白色；
边框底部：2倍实心rgba（255、255、255、0.2）；
文字装饰：无；
}
.按钮{
位置：固定；
z指数：100；
底部：10px；
}
.持有人{
宽度：100%；
身高：100%；
}
.holder>div{
宽度：100%；
/*身高：100%*/
位置：绝对位置；
z指数：0；
/*初始z索引*/
显示：无；
}
.支架>分流电流{
z指数：1；
显示：块；
}
/*只有该DIV才可见*/
.一{
颜色：黑色；
背景：白色；
字号：3em；
线高：1.5em；
字体系列：monospace；
}
.二{
颜色：白色；
背景：黑色；
字号：3em；
线高：1.5em；
字体系列：monospace；
}
.包裹{
填充：0.5%0.5%；
框大小：边框框；
}

科里
耶
嗨，我是设计师
目前
居住在北卡罗来纳州夏洛特。
白天，我参加、工作和工作
，以及设计。
我的目标是创建一个独特的开发项目组合，并在一家能够
帮助我成长

我熟悉各种工具，如Figma、Adobe Creative Suite、Visual Studio代码、Github、HTML5、，
CSS，以及
Javascript；我还在学习SASS、React和Jquery

偷看我的，检查我的，
然后说。

嗨，我是，一位音乐家，目前居住在北卡罗来纳州的夏洛特

晚上，我制作DJ，
并主持一个会议。我的目标是与歌手和表演者合作，创作出伤害演讲者的真诚流行歌曲

我用Ableton、Spire、Ozone和midi键盘等工具作曲；我也在学习和弦理论，血清和一般混合技术

体验我的，检查我的，然后说

$（“按钮”）。单击（函数（）{
if（$（“.holder>div:last child”）.hasClass（“当前”））{
$（“.holder>div:last child”）.removeClass（“当前”）；
$（“.holder>div:first child”）.addClass（“当前”）；
}否则{
$（.current”）.removeClass（“current”）.next（）.addClass（“current”）；
}
});

更正包装

.wrap {
    padding: 0 5% 0 5%;
    box-sizing: border-box;
}

更新2

删除了一些多余的代码，重写了一点

正文{
宽度：100%；
保证金：0；
填充：0；
}
.daytext{
颜色：黑色；
边框底部：2倍实心rgba（0,0,0,0.2）；
文字装饰：无；
}
.nighttext{