Html 左边距弄乱了布局的对齐

所以我基本上有一个简单的标题，它有

header\uu left

，

header\uu middle

和

header\uu right

，它们都被包装在一个包装器

div

中，我的内容在页眉左和页眉右，但在页眉中间我有一个“`ul

和

li

项，现在它们被组合在一起，所以如果我在它们上使用

margin right

或left，我认为这会从逻辑上扰乱页面的对齐方式，我知道这是有意义的事情不再以中心为中心，但我不知道还有什么其他的方法，那么更干净的方法是什么呢


正文{
框大小：边框框；
边际：0px；
填充：0px；
背景#2c3e50；
}
标题{
背景：白色；
}
.包装纸{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
}
.收割台{
列表样式类型：无；
显示器：flex；
}
.header_uuuMiddle ul li a{
右边距：10px；
文字装饰：无；
字体大小：1.2米；
颜色：黑色；
文本对齐：居中；
}
.页眉右h1{
边框：1px纯黑；
背景色：rgba（255,255,0,1）；
填充：10px；
光标：指针；
}
.页眉右h1 a{
文字装饰：无；
颜色：黑色；
过渡：0.3s缓解所有；
}

亭






对css进行了一些更正。我想它会更漂亮


正文{
框大小：边框框；
边际：0px；
填充：0px；
背景#2c3e50；
}
标题{
背景：白色；
}
.包装纸{
显示器：flex；
证明内容：周围的空间；
对齐项目：居中；
}
.收割台{
列表样式类型：无；
显示器：flex；
证明内容：中心；
填充：0；
}
.header__中ul li{
填充物：5px；
文字装饰：无；
字体大小：1.2米；
文本对齐：居中；
}
.header_uuuMiddle ul li a{
文字装饰：无；
颜色：#000；
}
.页眉右h1{
边框：1px纯黑；
背景色：rgba（255,255,0,1）；
填充：10px；
光标：指针；
}
.页眉右h1 a{
文字装饰：无；
颜色：黑色；
过渡：0.3s缓解所有；
}

亭