Моля помогнете?

[BoGo]

Имам следния проблем, да го обясня по просто искам да има два прости бутона единият за български другият за английски. Искам да седят така във сайта:

<-------English-------><-----Български----->

но за съжаление в сайта ми седят така:

<-------English------->
<-----Български----->

Ето ви и кода от STYLE.CSS и INDEX.HTML

STYLE.CSS
[css]
.lang {
list-style: none;
}
#lang-en {
width : 203px;
height : 30px;
background-image : url(../images/en.png);
}

#lang-en:hover {
background-image : url(../images/en-1.png);
}
#lang-bg {
width : 203px;
height : 30px;
background-image : url(../images/bg.png);
}

#lang-bg:hover {
background-image : url(../images/bg-1.png);
}
[/css]
INDEX.HTML

<ul class="lang">
<li id="lang-bg"></li> <li id="lang-en"></li>
</ul>

 

[kriss]

[css].lang li {
float:left;
}[/css]

 

[deam0n]

[css].lang li {
float:left;
}[/css]

Мисля, че по-удачният вариант е

[css].lang li {
display: inline;
}[/css]

 

[BoGo]

Нито един от двата не става..

 

[deam0n]

.lang li {
float:left;
}



.lang li {
display: inline;
}


Обърни внимание на червеното Там е грешката.. Задаваме стил за li-то, което се намира в ul.lang, а не за ul.lang!

 

[BoGo]

Да абсолютно прав си! Може ли само едно съветче да го центрирам, понеже като махна лефт и напиша центер не става нито топ нито боттом..

 

[deam0n]

.lang {

list-style: none;
margin: 0 auto;
text-align: center;

}

.lang li {
display: inline;
}

#lang-en {

width : 203px;

height : 30px;

background-image : url(../images/en.png);

}



#lang-en:hover {

background-image : url(../images/en-1.png);

}

#lang-bg {

width : 203px;

height : 30px;

background-image : url(../images/bg.png);

}



#lang-bg:hover {

background-image : url(../images/bg-1.png);

}