középre igazítás (div)
hello,
ime egy kis kod:kerdesem: hogy leget az "inner" div-et kozepre igazitani, a szoveg hosszusagatol fuggetlenul?
az div szelessege pont akkora kene legyen, hogy a szoveg beleferjen.
probaltam:
text-align: center - ez csak a szovegre vonatkozik
margin: auto - ehhez meg kene adni az "inner" szelesseget is
koszi elore is
bagi
■ ime egy kis kod:
- <div id="outer">
- <div id="inner">
- valtozo hosszusagu szoveg
- </div>
- </div>
- #outer {
- width: 300px;
- height: 20px;
- background-color: yellow;
- }
- #inner {
- border: 1px solid black;
- //stb stb
- }
az div szelessege pont akkora kene legyen, hogy a szoveg beleferjen.
probaltam:
text-align: center - ez csak a szovegre vonatkozik
margin: auto - ehhez meg kene adni az "inner" szelesseget is
koszi elore is
bagi
display: inline;
vagy egy inline típusú elemet használj (span, strong, em, stb), vagy ha mindenképpen divet akarsz használni, akkor add meg neki a display: inline; tulajdonságot (és outer divnek a text-align: center;-t).
inline-block