Html 我怎样才能让这张汉堡图片下面的文字从页面左侧开始流动？

此页面中的正文文本不仅从汉堡图像下方的一个点流向汉堡图像的右侧。我怎样才能使它从更靠近页面左边缘的位置开始流动，以便在较小的屏幕上看起来正常？我尝试过调整边距和填充设置。我正在努力让这个JavaScript保持免费

/*导航菜单-背景*/
.导航{
/*关键尺寸和位置样式*/
宽度：100%；
身高：100%；
位置：固定；
排名：0；
右：0；
底部：0；
左：0；
z指数：0；
/*非关键外观样式*/
列表样式：无；
背景：#000；
}
/*导航菜单-列表项*/
.导航项目{
/*非关键外观样式*/
宽度：200px；
边框顶部：1px实心#000；
边框底部：1px实心#000；
}
.资产净值项目a{
/*非关键外观样式*/
显示：块；
填充：1em；
颜色：白色；
字体大小：1.2米；
文字装饰：无；
过渡：颜色0.2s，背景0.5s；
}
.导航项目a：悬停{
颜色：#c74438；
}
/*站点包装器-不是导航的所有内容*/
.网站包装{
/*关键位置和尺寸样式*/
最小高度：100%；
最小宽度：100%；
背景颜色：白色；/*需要背景，否则导航将显示出来*/
位置：相对位置；
排名：0；
底部：100%；
左：2；
z指数：1；
/*非关键外观样式*/
填充：4em；
左侧填充：-4em；
背景大小：200%；
}
/*导航触发器*/
.导航触发器{
/*关键样式-隐藏复选框输入*/
位置：绝对位置；
剪辑：rect（0,0,0,0）；
}
标签[for=“导航触发器”]{
/*关键定位风格*/
位置：固定；
左：15px；顶：15px；
z指数：2；
/*非关键外观样式*/
高度：30px；
宽度：30px；
光标：指针；
背景图片：url(http://imgur.com/S0q57Jd.jpg);
背景尺寸：包含；
}
/*让奇迹发生*/
.nav触发器+标签，.site wrap{
过渡：左0.2s；
}
.导航触发器：选中+标签{
左：215px；
}
.nav触发器：已选中~.site wrap{
左：200px；
盒影：0.5px 5px rgba（0,0,0,0.5）；
}
身体{
/*如果没有此选项，则在菜单打开时主体会有多余的水平滚动*/
溢出x：隐藏；
}
/*其他非关键样式*/
h1，h3，p{
裕度：0自动1em；
}
h1{字体大小：1.125em；}
h3{字体大小：1em；}
p{字体大小：0.8125em；}
代码{
填充：2px；
背景：ddd；
}
/*微复位*/
*，*：之前，*：之后{-webkit框大小：边框框；-moz框大小：边框框；框大小：边框框；边距：0；填充：0；}
html，正文{高度：100%；宽度：100%；字体系列：Arial，Helvetica，无衬线；}

标题
Lorem ipsum dolor sit amet，奉献精英。几乎所有人都知道，但我们必须承认错误，因为即使是在犯罪后，也不允许对他人的劳动进行惩罚，因为这是一种有远见的行为！即使是这样，也会导致暂时性的累积性痴呆。地鼠科

这是一个自由人的自由，这是一句赞美的话！从理性的角度来看，铜酸盐会导致智力的衰退，尊严必须是必要的，代表尊严。这是一个充满活力的世界，是一个充满活力的世界。尼希勒·西米利克（Nihil similique）是一个名字，意思是“我的天哪，我的天哪！”！同侧帆，帆

圣塔，尼莫-奥特透明质酸杆菌，除细菌外的其他细菌，主要是实验室的溶质，连续使用。地点，不！eligendi的Illum placeat，真理圣殿！小盲肠的位置在小盲肠，大盲肠的位置在大盲肠。多洛，我是一名建筑设计师，我是一名高级建筑师

这句话的意思是：“在自然环境下，你的行为是什么？”。我的脸上长满了白兰地，脸上长满了肉！维利特·库姆·奥姆尼斯，发明者之王！腐败、腐败、不可区分的劳动和流动性减去因自然死亡而被指控的法定责任的时间

您有一个4em填充。site wrap非常确定这就是它

您有一个4em填充。site wrap非常确定这就是它

更改此设置

.site-wrap {
  ...
  padding: 4em;
  padding-left: -4em;
  ...
}

对此

.site-wrap {
  ...
  padding: 4em 0;
  ...
}

删除行

左侧填充：-4em

在
填充
属性中可以有多个值：

如果
padding
属性有四个值：


填充：25px 50px 75px 100px


顶部填充为25px
右侧填充为50px
底部填充为75px
左侧填充为100px


如果
padding
属性有三个值：


填充：25px 50px 75px


顶部填充为25px
左右衬垫为50像素
底部填充为75px


如果
padding
属性有两个值：


填充：25px 50px


顶部和底部衬垫为25px
左右衬垫为50像素


如果
padding
属性有一个值：


填充：25px


所有四种衬垫均为25px


更改此选项

.site-wrap {
  ...
  padding: 4em;
  padding-left: -4em;
  ...
}

对此

.site-wrap {
  ...
  padding: 4em 0;
  ...
}

删除行
左侧填充：-4em

在
填充
属性中可以有多个值：

如果
padding
属性有四个值：


<