Html 如何将标题放在ul旁边

我有一个ul的网站导航和标题，我希望他们彼此相邻，但一个是在顶部。我尝试将home设置为一个特定的类，并使其正确对齐，但我无法使其正常工作

ul{
边际：0px；
填充：0px；
列表样式类型：无；
文本对齐：右对齐；
}
li class=“家”{
文本对齐：左对齐；
}
李{
显示：内联块；
利润率：10px；
}

主页
商店
关于
接触

公司

请将您的li class=“home”改为li.home您应该在课堂上使用点（.）而不是word课堂

li.home {
  text-align: left;
}

你可以这样做

<div>
  <h1>Company</h1>
  <ul>
    <li class="home">Home</li>
    <li>Shop</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</div>

html

如果您想在左侧显示徽标，请使用如下html

<div>
  <h1>Company</h1>
  <ul>
    <li class="home">Home</li>
    <li>Shop</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</div>

如果您有任何问题，请告诉我。

测试：

ul{
显示：内联；
}
李家{
文本对齐：左对齐；
}
李{
显示：内联块；
利润率：10px；
}
h1.1标题{
显示：内联；
}

主页
商店
关于
接触

公司

只需使用浮点对齐元素

主页
商店
关于
联系方式

公司
保险商实验室{
浮动：对；
边际：0px；
填充：0px；
列表样式类型：无；
文本对齐：右对齐；
}
李{
显示：内联块；
利润率：10px；
}

<div>
  <h1>Company</h1>
  <ul>
    <li class="home">Home</li>
    <li>Shop</li>
    <li>About</li>
    <li>Contact</li>
  </ul>
</div>

div {
  display: flex;
  justify-content: space-between;
}

<header>
<ul>
    <li class="home">Home</li>
    <li>Shop</li>
    <li>About</li>
    <li>Contact</li>    
</ul>
<h1>Company</h1>
</header>

<style>
ul {
float:right;
margin: 0px;
padding: 0px;
list-style-type: none;
text-align: right;
}


li {
display: inline-block;
margin: 10px;
}
</style>