Здравейте.

Имам един интересен случай, при който в <li> имам <div>, който отказва да бъде позициониран. Не успях да открия решение точно за този проблем в Google.

Ако в конзолата на Chrome задам margin-top:10px; на класа .codeSpace, или пък го задам вътре в самия <div>, сработва:

<div class="codeSpace" style="margin-top:10px;">

Но същият код не работи в css файла ми, дори и с !important; (което, аз лично препоръчвам само при крайна необходимост). Най-вероятно се override-ва от generic стил в <ul> тага.

Имате ли някакви идеи? Целта ми е да мога да го задам на централно място, а не да се копи-пейства. Обмислях и изваждане на <div>-а от <ul>, но това би означавало да направя още два списъка, което също не ми звучи като уместен вариант.

Ето сорс кодовете:

hw5.htm

styles/hw5.css

Благодаря предварително!

Поздрави,

Слави