Html 如何修复反向标题？

我知道，当你把

float:right

放在

li

元素上时，它会以相反的顺序显示，但是我如何修正顺序，使它“正确”地显示在网站的右侧？现在它显示在网站的

左侧。我试着去读一些旧的问题，但是没有找到任何可以帮助我的东西，而且，我怎样才能使<代码>页眉<代码>显示在<代码> > 333333代码>代码>没有填充的彩色标题中？
auto
元素会工作吗


.header{
背景色：#333333；
高度：50px；
宽度：100%；
}
.上割台ul{
边际：0px；
浮动：对；
}
.上_头李{
显示：表格单元格；
垂直对齐：中间对齐；
浮动：左；
}
.上_头a{
文字装饰：无；
颜色：#fff；
}













您可以将LI设置为
显示：内联块
，这样就不需要使用浮动。
然后可以使用文本对齐对齐内联块元素

注:
内联块可能会导致元素之间出现空格，有关内联块的更多信息，请阅读本文


.header{
背景色：#333333；
宽度：100%；
文本对齐：右对齐；
}
.上_头{
宽度：100%；
}
.上_头李{
显示：内联块
}
.上_头a{
填充物：5px10px；
显示：块；
文字装饰：无；
颜色：#fff；
}













您可以将LI设置为
显示：内联块
，这样就不需要使用浮动。
然后可以使用文本对齐对齐内联块元素

注:
内联块可能会导致元素之间出现空格，有关内联块的更多信息，请阅读本文


.header{
背景色：#333333；
宽度：100%；
文本对齐：右对齐；
}
.上_头{
宽度：100%；
}
.上_头李{
显示：内联块
}
.上_头a{
填充物：5px10px；
显示：块；
文字装饰：无；
颜色：#fff；
}













首先-您的代码中有一些错误，在CSS中您使用了
.upper\u header ul
，但这在您的上下文中是不正确的语法。右边是
ul.upper\u header
（您的
ul
列表不在class
upper\u header
下，但在同一级别），因此它对您没有影响

如果您不需要太多嵌套的
div
，也不需要太多的类，请不要使用它。示例如下（这是带有居中菜单的解决方案）：


然后您可以轻松地在
ul
元素中使用
text align:right

.header ul {
    text-align: right;
    list-style: none;
}
.header li {
    display: inline-block;
}

首先-您的代码中有一些错误，在CSS中您使用的是
.upper\u header ul
，但这在您的上下文中是不正确的语法。右边是
ul.upper\u header
（您的
ul
列表不在class
upper\u header
下，但在同一级别），因此它对您没有影响

如果您不需要太多嵌套的
div
，也不需要太多的类，请不要使用它。示例如下（这是带有居中菜单的解决方案）：


然后您可以轻松地在
ul
元素中使用
text align:right

.header ul {
    text-align: right;
    list-style: none;
}
.header li {
    display: inline-block;
}

稍微修改了CSS&您使用了错误的选择器（.upper\u header ul）而不是ul.upper\u header

ul.upper\u收割台==>居中对齐
ul.upper_标题==>从右到右对齐


.header{
背景色：#333333；
高度：50px；
宽度：100%；
}
ul.上割台{
边际：0px；
文本对齐：居中；
}
.上_头李{
显示：内联块；
}
.上_头a{
文字装饰：无；
颜色：#fff；
}













稍微修改了CSS&您使用了错误的选择器（.upper\u header ul）而不是ul.upper\u header

ul.upper\u收割台==>居中对齐
ul.upper_标题==>从右到右对齐


.header{
背景色：#333333；
高度：50px；
宽度：100%；
}
ul.上割台{
边际：0px；
文本对齐：居中；
}
.上_头李{
显示：内联块；
}
.上_头a{
文字装饰：无；
颜色：#fff；
}













您也可以这样做，这是许多选项中的一个，当然取决于您试图获得的最终结果。如果您以错误的方式使用了上\u头类，您甚至不需要它

.header {
  background-color: #333333;
  height: 50px;
  width: 100%;
}
.headerContainer{width:30%;
float:right;}

.headerContainer ul li {
 display:inline;
}

.headerContainer ul li a {
  text-decoration: none;
  color: #fff;
}

您也可以这样做，这是许多选项中的一个，当然这取决于您试图获得的最终结果。如果您以错误的方式使用了upper_header类，您甚至不需要它

.header {
  background-color: #333333;
  height: 50px;
  width: 100%;
}
.headerContainer{width:30%;
float:right;}

.headerContainer ul li {
 display:inline;
}

.headerContainer ul li a {
  text-decoration: none;
  color: #fff;
}

可能的副本可以工作，但是我可以把标题放在右边，因为页眉在所有东西的中间吗？@几乎每一种方法都包含在其中。最常见的方法是由下面的马丁给出的。可能的副本可以工作，但是我可以把标题放在右边，因为标题位于所有的中间吗？@几乎每一种方法都包含在其中。下面是Martin给出的最常用的方法。感谢您今天让我学到了一些新东西，非常感谢@谢谢你今天让我学到了新东西，真的很感激@小心
显示：内联块