Home/ Questions/Q 6076055
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-23T10:33:51+00:00

Can anyone tell me why in the image below the text information is not

  • 0

Can anyone tell me why in the image below the text information is not on the same level?
As far as I’m aware, the exact same styles are governing both the email address and the other stuff, but they’re not level…The only styles I’ve added are the ones printed below and then there’s the default stuff that comes with the wordpress blogging software.

If you’re willing to help, it might be easier if you visit the site. Thanks

http://www.dodomainer.com dodomainer.com

top of the domain

Links

<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; }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You can add line-height: 1.5em; to topnav DIV to fix the vertical alignment issue of the nav items.

    But in reality you have bigger problems than that. Why are your list items not contained in a list? <li> should be inside a <ul> or <ol>.

    UPDATE:

    Now that you have a list wrapping your list items, you can get rid of the bullets by adding this to the list itself: list-style: none;

    Also, are you really married to the idea of having such long double lines between the list items? If not, then remove font-size: 1.5em; from class6 and your alignment issues will be solved.

    • 0