Question

我正在尝试将此Html代码对齐为水平状的显示形式。它可能有一些不必要的id，类等。你能告诉我我做错了吗？

ul.head {
  text-transform: Capitalize;
  word-spacing: 10px;
  font: italic bold 20px/60px"Times New Roman", Times, serif;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.H2 {
  display: inline;
}

<h1><p id="p1"><em>ENVY</p></em></h1>
<img id="img1" src="envy.jpg" width="150" height="113">
</ul>
<!--End of HEADING-->
<ul class="head">
  <!--Start of top tabs/drop down menu-->
  <h2>
   <li id="H2"><a href="#"><ul id="T1" >New york</ul></a>
   <a href="#"><ul id="T2" >Miami</ul></a>
   <a href="#"><ul id="T3" >Boston</ul></a></li>
  </h2>	
</ul>

Answer 1

您的代码中存在语法错误：

.H2{ display: inline; }

您无法定位h2的{{1}}，仅针对目标类

您可以在DOT内找到

li's，但强烈建议您为每个页面使用一个h1标记来设置主标题，您可以使用{ {1}}来构建您的页面元素

我将此添加到您的CSS中，希望这是您所需要的：

h1

<强> LIVE DEMO

Answer 2

亲爱的，请查看此链接DEMO

CSS

ul.head{
     text-transform: Capitalize;
     word-spacing: 10px;
     font: italic bold 20px/60px "Times New Roman",Times,serif;
     list-style-type: none;
     margin: 0;
     padding: 0;
     }
li ul{
    display: inline;}

Html水平对齐概率

2 个答案:

CSS