KOMPOOS.NL

css3 - word wrap

home » manuals » css » word-wrap.html

sitemap | terug naar het CSS-properties menu

voorbeeld css3 word wrap

Als tekst niet past in een box, div, of wat dan ook, zorgt word-wrap dat er (als het moet midden in een woord) afgebroken wordt. Het woord "hottentottententententoonstelling" geef ik als voorbeeld.

Op de deze pagina heeft de bovenstaande P-tag de class "word_wrap" meegekregen. De onderstaande stylesheet zorgt dat de word-wrap wordt uitgevoerd.

css-code voor de word wrap

<style type="text/css">
        p.word_wrap{
                word-wrap:break-word;
                width:180px;
                border:1px solid #808080;
                padding:8px} 
</style>

Gebruik voor alle voorbeelden op de http://kompoos.nl een valide html5 pagina.