Защо <span> не ми работи?

[FestarBG]

Ето какво съм написъл:

<li><a href="http://78.130.151.50/index.php"><div style="padding-top: 15px; padding-left: 18px;">Начало</div></a></li>
<li><a href='http://78.130.151.50/about.php'><span style="padding-top: 15px; padding-left: 18px;">За играта</span></a></li>

Div-a мърда текста с зададените маргини,а span-a не.А не искам да ползвам <div> на това място защото w3 не го валидира.. :roll:

 

[emagi]

как искаш да го мръднеш!Спрямо какво?Пробвай с margin-top и margin-left

 

[FestarBG]

Леко объркване е станало,но пак е по същия начин.Ето кода:

<ul style="list-style-type: none;">
<li><a href="http://78.130.151.50/index.php"><div style="margin-top: 15px; margin-left: 18px;">Начало</div></a></li>
<li><a href='http://78.130.151.50/about.php'><div style="margin-top: 60px; margin-left: 18px;">За играта</div></a></li>
<li><a href='http://78.130.151.50/about.php'><span style="margin-top: 15px; margin-left: 18px;">Инфо</span></a></li></ul>

li a { background: url(img/big_menu.gif) no-repeat; font: bold 12px  Verdana, Helvetica, sans-serif; color: rgb(183,34,17); display: block; width: auto; text-decoration: none; height: 39px; padding-top: 1px;}

Стилизирал съм 1 списък и просто искам текста да се мръдне.С div-a става,а с span не!

EDIT//

Ето снимка:

Тук горните 2 линка са стилизирани с div,а третия с span.. :idea:

 

[emagi]

Ще стане и със span-a,ако сложиш примерно:

span style="position:relative; top:5px; left:10px;">МЕНЮ</span>

я пробвай да го приложиш на най-долния текст,да видим какво ще стане!

 

[FestarBG]

Мерси..+1

 

[adrian]

На какъв доктайп го валидираш този код? Защото ако е на xhtml strict пак няма да ти е валиден. Не може да вкараш блоков таг <div></div> в инлине като <li></li> или <a></a>
Има си подредба на писане на код.

<div>
<ul>
<li><a></a></li>
<li><a></a></li>
</ul>
</div>

 

[FestarBG]

Да,валидирам го на xhtml strict и го валидира,ако ползвам тага <span>..