Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
[CSS] Wyświetlanie tekstu w jednej linii - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Wyświetlanie tekstu w jednej linii (/thread-css-wy%C5%9Bwietlanie-tekstu-w-jednej-linii)



[CSS] Wyświetlanie tekstu w jednej linii - dartanian - 14-10-2009

witam serdecznie zaczynam dopiero zabawe z css.... i mam maly problem
kod xml:
Kod:
<KrajeEuropejskie>
    <Panstwo>
        <Kraj>
            <Nazwa>Austria</Nazwa>
            <Stolica>Wiedeń</Stolica>
            <Liczba_ludnosci>8.3 mln</Liczba_ludnosci>
        </Kraj>
        </Panstwo>
</KrajeEuropejskie>

kod css:
Kod:
KrajeEuropejskie{
background-color:#005c91;
}
Panstwo{
font-size:11pt;
}
Kraj{
display:block;
padding-top:1cm;
padding-left:10cm;
}
Nazwa{
display:block;
padding-top:2cm;
}
Stolica:before{
display:block;
content:"Stolica - ";
}
Liczba_ludnosci:before{
display:block;
content:"Liczba ludności - ";
padding-top:1cm;
}
problem polega na tym ze zostaje wyswietlone
Stolica -
Wieden
i nie mam pojecia jak zrobic zeby bylo w jednej linii to samo z liczba ludnosci ;/


RE: [CSS] Wyświetlanie tekstu w jednej linii - Labsta.com - 14-10-2009

Zmieniłem tytuł.
Mam prośbę: jeśli to mozliwe, w kolejnych teamtach staraj się opisać w kilku słowach problem.

Co do Twojego CSS, to jeśli nadajesz czemuś display: block; to zawsze pojawi się jako blok, a blok zajmuje cała linię.
Możesz dodać float: left; do Stolica, lub zrezygnować z block.


RE: [CSS] Wyświetlanie tekstu w jednej linii - cysiek - 20-10-2009

Wydaje mi się, że zamiast display: block powinno być display: inline.


RE: [CSS] Wyświetlanie tekstu w jednej linii - sunpietro - 21-10-2009

dorzuć jeszcze float: left


RE: [CSS] Wyświetlanie tekstu w jednej linii - wybryknatury - 24-10-2009

Kod:
white-space: nowrap;
zapobiega łamaniu wierszy