Autor Zpráva
Rustic
Profil *
Zdravim,
zajímalo by mě, jak v css nastavim to, že po ukončení class se další text zabrazí na novém řádku.

příklad:
<i class=text>text prvního řádku</i>
text druhého řádku

co mám do toho parametru text napsat aby další text byl novém řádku?
.text { ??? }

děkuji
Spikee
Profil
http://www.jakpsatweb.cz/css/clear.html
Havel-st
Profil *
I je řádkový (line) tag a jestli bude následovat další line tag, k zalomení nedojde. Můžeš dát tagu I vlastnost bloku:
I { display: block; }
nebo prostě napsat: <br />, či <br>
Yuhů
Profil
ne Spikee, to clear s tím myslím nesouvisí.

Dá se opravdu udělat display: block, jak píše Havel-st, ale pak se řádek zalomí i přes tagem <i>.

Osobně bych asi použil řešení s content a pseudotřídou:
<style>
i:after {content: "<br>";}
</style>

ale to nefunguje v Exploreru. Takže řešení nevím, asi bych ten řádek zalomil opravdu rovnou v HTML.
Marty
Profil
Napadlo mě, přiřadit prvku display: block a přidat tam floatování, tam kde nechceš aby se to zalomilo.
Spikee
Profil
Aha, pomýlil som sa, sorry
thingwath
Profil
Yuhů

Tahle pseudotřída s generovaným obsahem ti tuším nebude fungovat nikde, protože se prostě vloží <br> jako text a nebude se interpretovat jako tag, tudíž se ti řádek nezalomí a ještě tam bude <br>. Tuším, že by na to měl být \A či tak, ale to mi zase nechce fungovat v Mozille. V IE to nepůjde, takže jde bohužel stejně o CSS řešení z říše pohádek.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0