无法让CSS在同一级别上创建元素

Question

有谁能告诉我为什么在下面的图片中文字信息不在同一级别？ 据我所知，完全相同的样式管理电子邮件地址和其他东西，但它们不是水平...我添加的唯一样式是下面打印的那些然后是默认的东西随wordpress博客软件一起提供。

如果您愿意提供帮助，那么访问该网站可能会更容易。感谢

www.dodomainer.com dodomainer.com

链接

<div class="topnav">

      <li><a href="http://dodomainer.com/"><span class="class6">||</span><span class="class7"> My abilities in 6 modern languages (中文, Deutsch, French, Spanish, 日本語 & English) can help you find new value in the daily drop list</span></a></li>
      <li><a href="http://dodomainer.com/"><span class="class7">mike@</span>
    <span class="class7">dodo</span><span class="class7">mainer</span><span class="class7">.com</span></a></li>
   </div>

CSS

.custom .topnav li { float: right; padding: 3px 10px 3px 0px; }
.custom .topnav li a { font-size: 1.5em; color: #000000; }

Answer 1

您可以将line-height: 1.5em;添加到topnav DIV以修复导航项的垂直对齐问题。

但实际上你有比这更大的问题。为什么列表项不包含在列表中？ ＆lt; li>应位于<ul>或<ol>。

内

更新：

现在您有一个包含列表项的列表，您可以通过将其添加到列表本身来删除项目符号：list-style: none;

另外，你真的嫁给了列表项之间有这么长的双线的想法吗？如果没有，则从class6中删除font-size: 1.5em;，您的对齐问题将得到解决。

Answer 2

一开始你的html搞砸了，你的顶级div里面<li>没有<ul>。