--- title: "Dagens CSS: text-wrap: balance" url: "https://www.bekk.christmas/post/2024/03/dagens-css-text-wrap-balance" authors: ["Einar Afiouni"] published: "2024-12-03" updated: "2024-12-11T13:10:31Z" language: "nb-NO" type: "article" tags: ["CSS"] keywords: ["css"] series: "Dagens CSS" --- # Dagens CSS: text-wrap: balance I dagens CSS skal vi se på `balance` egenskapen til `text-wrap` Man har kanskje vært borti `text-wrap` i løpet av karrieren sin. Er du sånn som meg så har du sikkert ikke brukt denne til noe annet enn å sette `nowrap` , men visste du at det finnes flere egenskaper man kan bruke? Til vanlig vil tekst strekke seg så langt den kan før den bryter til neste linje. Dette er for det meste ønskelig oppførsel, men hva om det bare er ett eller to ord som havner på ny linje? Da Kan det se litt rart ut med en lang linje og en kort, nesten litt ubalansert. Det er der `balance`kommer inn i bildet. Med `text-wrap: balance` så vil teksten bryte før den utfyller beholderen sin hvis det vil gjøre at det føles mer balansert. Dette kan for eksempel være fint for artikkeltittler. [CodePen](https://codepen.io/iernie/pen/OPLLpeL) Det beste av alt? Denne CSS-egenskapen kan du allerede bruke i dag med god støtte i alle moderne nettlesere! ## Relevante lenker anbefalt av forfatteren - [MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/text-wrap)