Display: Inline

Ako docielit moznost nastavit si vysku elementu aj ked na nom mam display:inline ?

Poznamka: Tie spany chcem umiestnit vedla seba. A chcem aby mali urcitu vysku a sirku. Viac sa dozviete z kodu.

Kod:
span#menuodkaz a{
margin: 0;
padding: 0;
display: inline;
width:88px;
height:40px;
background-image: url(images/menu_item.jpg);
color:#ff6633;
font-family: Verdana, Arial;
font-size:13px;
font-weight:bold;
color:#ff6666;
text-decoration:none;
}
span#menuodkaz a:hover{
margin: 0;
padding: 0;
display: inline;
width:88px;
height:40px;
background-image: url(images/menu_item_hover.jpg);
color:#ff6633;
font-family: Verdana, Arial;
font-size:13px;
font-weight:bold;
color:#ff6666;
text-decoration:none;}

css uz jsem dost zapomnel, ale u inline se myslim velikost nastavovat neda. jedine u jednoradkovyho textu muzes nastavit vysku pomoci line-height. ale sirku nevim teda

Cuchi (cuchi.webzdarma.cz)
jakpsatweb.cz - CSS
display: inline;
viz Tonik, inline prvek ma sirku podle textu, vysku podle textu.
Lze menit vysku radku - line-height
Lze pouzit margin/padding, ale neco z toho FF/IE ignoruje.

sirku lze nastavovat u
display:table
display:table-cell
display:inline-block
display:block
...
tagy
P
TABLE
IMG
DIV
UL
...

idealni delat menu pres
<menu>
<li>...
<li>...
</menu>
pripadne
<ul>
<li>...
<li>...
</ul>

muzes prvkum dat class, nastavit jim:
- float - ale to musis umet spravne nastavit
- position - to bys mel umet taky spravne nastavit, ale je to snadnejsi
a premenit je na display:block

Pokud je chces na radku vedle sebe s dalsim textem, tak inline-block, mozilla ignoruje.
Mozna position:relative.