If you’ve used definition lists (`<dl>`

) you’re aware of the problem. By default, `<dt>`

s and `<dd>`

s have `display:block`

. In order to turn them into what we want in most cases (each *pair* of term and definition on one line) we usually employ a number of different techniques:

- Using a different
`<dl>`

for each pair: Style dictating markup, which is bad - Floats: Not flexible
`display: run-in;`

on the`<dt>`

: Browser support is bad (No Firefox support)- Adding a
`<br>`

after each`<dd>`

and setting both term and definition as`display:inline`

: Invalid markup. Need I say more?

If only adding `<br>`

s was valid… Or, even better, **what if we could insert <br>s from CSS? Actually, we can!**

As you might be aware, the CR and LF characters that comprise a line break are regular unicode characters that can be inserted anywhere just like every unicode character. They have the unicode codes 000D and 000A respectively. This means they can also be inserted as generated content, if escaped properly. Then we can use an appropriate white-space value to make the browser respect line breaks only in that part (the inserted line break). It looks like this:

dd:after { content: '\A'; white-space: pre; }

Note that nothing above is CSS3. It’s all good ol’ CSS 2.1.

Of course, if you have multiple `<dd>`

s for every `<dt>`

, you will need to alter the code a bit. But in that case, this formatting probably won’t be what you want anyway.

**Edit:** As Christian Heilmann pointed out, HTML3 (!) used to have a compact attribute on `<dl>`

elements, which basically did this. It is now obsolete in HTML5, like every other presentational HTML feature.

You can see a live result here:

Tested to work in **IE8+, Chrome, Firefox 3+, Opera 10+, Safari 4+**.

Pingback: Some links for light reading (29/2/12) | Max Design()

Pingback: Flexible multiline definition lists with 2 lines of CSS | AIT Themes()

Pingback: Гибкие многострочные списки определений при помощи двух строк CSS 2.1()

Pingback: cartier gold love bracelet fake()

Pingback: angara fahise()

Pingback: angara fahise()

Pingback: Live streaming video()

Pingback: icandy()

Pingback: airport taxi service()

Pingback: Term Life Insurance()

Pingback: www()

Pingback: xmt85c4wx5ctwxw3tcerthve56()

Pingback: alcohol abuse definition()

Pingback: دانلود قسمت هشتم شهرزاد دوم()

Pingback: دانلود شهرزاد قسمت هفتم فصل دوم()

Pingback: دانلود شهرزاد قسمت دوازدهم فصل دوم()

Pingback: قیمت پنجره()

Pingback: lesbian sex()

Pingback: دانلود قسمت ششم فصل دوم شهرزاد()

Pingback: دانلود قسمت 10 شهرزاد دوم()

Pingback: دانلود قسمت 12 عاشقانه()

Pingback: دانلود قسمت سیزده عاشقانه()

Pingback: Lucia Fernandez()

Pingback: Nicole Aniston()

Pingback: Abigail Mac()

Pingback: Rachel Starr()

Pingback: Elsa Jean()

Pingback: Angela White()

Pingback: hampton bay ceiling fan blog()

Pingback: Ana Foxxx()

Pingback: real money casino()

Pingback: دانلود قسمت اول شهرزاد دوم()

Pingback: دانلود قسمت دوازدهم عاشقانه()

Pingback: دانلود قسمت سوم شهرزاد دوم()

Pingback: دانلود قسمت پنجم شهرزاد دوم()

Pingback: porno gratis()

Pingback: porno()

Pingback: porno()

Pingback: videos porno()

Pingback: videos porno()

Pingback: porno()

Pingback: videos porno()

Pingback: porno gratis()

Pingback: porno gratis()

Pingback: videos porno()

Pingback: porno gratis()

Pingback: porno()

Pingback: videos porno()

Pingback: porno()

Pingback: Buy CBD Pills()

Pingback: قیمت پنجره دوجداره در ایران()

Pingback: فروش پنجره دو سه جداره()

Pingback: how to make pisces man fall in love()

Pingback: پنجره دوجداره وین تک ویستابست()

Pingback: آموزش پنجره دوجداره()

Pingback: پنجره ضد سرقت ایرانی()

Pingback: دانلود قسمت هفده عاشقانه()

Pingback: Facial Spa Services Tamarac()

Pingback: Facial Spa Services Coconut Creek()

Pingback: Acne Facial Treatments Sunrise()

Pingback: Facial Spa Services Miramar()

Pingback: Facial Spa Services Dania Beach()

Pingback: دانلود موزیک()

Pingback: دانلود قسمت ششم شهرزاد()

Pingback: cameltoe()

Pingback: en savoir plus()

Pingback: Family Photography()

Pingback: clash royale generator()

Pingback: دانلود قسمت هفتم شهرزاد()

Pingback: jake burgess springfield mo()

Pingback: پنجره دوجداره()

Pingback: Bandar Bola()

Pingback: پنجره دوجداره()

Pingback: slim led recessed light()

Pingback: coin-banks bitcoin()

Pingback: coin-banks()

Pingback: coin-banks.com()

Pingback: bitcoin trading()

Pingback: coin-banks()

Pingback: bitcoin investment coin-banks()

Pingback: bitcoin trading()

Pingback: Porn World()

Pingback: coin-banks cryptocurrency()

Pingback: دانلود قسمت هشتم شهرزاد دوم()

Pingback: en cliquant sur le lien()

Pingback: 917 d2 australia()

Pingback: download()

Pingback: vpm()

Pingback: anime()

Pingback: دانلود شهرزاد سیزده 13()

Pingback: دانلود شهرزاد قسمت 15()

Pingback: دانلود شهرزاد قسمت سیزده 13()

Pingback: پنجره دوجداره()

Pingback: working clash royale hack()

Pingback: Accounting firms in chicago()

Pingback: http://thegameshub.net/index.php?task=profile&id=11659789()

Pingback: www()

Pingback: http://miejsce.wallinside.com/()

Pingback: casino()

Pingback: blaze()

Pingback: 16 دانلود سریال شهرزاد()

Pingback: Visit Website()

Pingback: Aleida()

Pingback: Roof Repair Long Island()

Pingback: دانلود شهرزاد قسمت 16()

Pingback: belly fat()

Pingback: دانلود قسمت دوم سریال عالیجناب()

Pingback: دانلود عالیجناب دوم()

Pingback: دانلود عالیجناب قسمت اول()

Pingback: saiba mais()

Pingback: shock & strut replacement()

Pingback: پنجره ضد سرقت ترک()

Pingback: political polls twitter()

Pingback: Best Baby Crib Mattress()

Pingback: Party tents for hire()

Pingback: دانلود فیلم()

Pingback: فروش توری پنجره()

Pingback: قیمت پنجره()

Pingback: آموزش پنجره دوجداره()

Pingback: پنجره دوجداره وین تک()

Pingback: شرکت تولیدی پنجره دوجداره المانی()

Pingback: stock market tips()

Pingback: gratis annonsering av hus()

Pingback: promo codes()

Pingback: rï¿½ussite()

Pingback: aws online course()

Pingback: sell home()

Pingback: دانلود فیلم()

Pingback: دانلود فیلم سریال()

Pingback: Pay Per Click Ireland()

Pingback: پنجره()

Pingback: درب()

Pingback: پنجره دوجداره()

Pingback: دانلود فیلم()

Pingback: دانلود()

Pingback: پنجره ضد سرقت()

Pingback: پنجره دوجداره()

Pingback: back to school()

Pingback: https://profiles.wordpress.org/jorgedavidson/()

Pingback: پنجره دوجداره()

Pingback: شرکت تولیدی پنجره دوجداره()

Pingback: پنجره دوجداره()

Pingback: https://buyweednowonline.ca/()

Pingback: viagra()

Pingback: Morocco Tour Company()

Pingback: google hd porn()

Pingback: SEO Manchester()

Pingback: مشاوره کسب و کار اینترنتی()

Pingback: garden bridges san francisco()

Pingback: walmartone login()

Pingback: read what he said()

Pingback: Vancouver BC Airport Shuttle()

Pingback: grafisch.LinkNavigator.nl()

Pingback: https://www.youtube.com/watch?v=Bld2NoB1hBI()

Pingback: https://genius.com/jamessmith2390()

Pingback: walmart1 login()

Pingback: دانلود فیلم اکسیدان()

Pingback: دانلود()

Pingback: download best()

Pingback: window()

Pingback: Electronics()

Pingback: cigna dental providers login()

Pingback: for kids()

Pingback: Date Movie()

Pingback: for Kids()

Pingback: Yakima Seo()

Pingback: click to find out more()

Pingback: پنجره()

Pingback: قیمت پنجره دوجداره()

Pingback: aliexpress dropship()

Pingback: پنجره()

Pingback: پنجره دوجداره()

Pingback: پنجره()

Pingback: دانلود()

Pingback: Bad Doctor()

Pingback: garden bridge()

Pingback: uk top 40 youtube()

Pingback: http:// www.przechowamy-wszystko.pl/()

Pingback: Will()

Pingback: silver touch()

Pingback: Seo()

Pingback: garden bridge()

Pingback: yoga pants malaysia()

Pingback: Finger Family Song()

Pingback: artpics()

Pingback: usi tech info()

Pingback: Masha & The Bear()

Pingback: how to start a vlog()

Pingback: صيانه()

Pingback: price of nikon d5300()

Pingback: live sex cams()

Pingback: click()

Pingback: programa de restauração auditiva comprar()

Pingback: Web Design()

Pingback: karaj()

Pingback: vegas casinos online()

Pingback: دانلود فیلم()

Pingback: salsa bowl()

Pingback: salsa salad()

Pingback: download()

Pingback: We Buy Houses Cash()

Pingback: دانلود()

Pingback: دانلود()

Pingback: دانلود سریال()

Pingback: پنجره()

Pingback: window()

Pingback: دانلود فیلم()

Pingback: garden bridges Dallas()

Pingback: carte grise en ligne()

Pingback: jacksonville seo company()

Pingback: premium wordpress themes for real estate()

Pingback: Bad Credit Remortgages()

Pingback: More here()

Pingback: jill()

Pingback: watch it movie streaming()

Pingback: Judi Online()

Pingback: commercial air conditioner service Fontana()

Pingback: personnel consulting()

Pingback: Easiest Way To Make Money Without a Website()

Pingback: authentic cheap jordans()

Pingback: removing blackheads()

Pingback: mods for vape()

Pingback: vape pen()

Pingback: watch illegal porn()

Pingback: car shipping companies()

Pingback: دانلود فیلم نهنگ عنبر()

Pingback: google leaks()

Pingback: Elvis Entertainers()

Pingback: Togel Online()

Pingback: test bank solutions()

Pingback: youtube video()

Pingback: payday loans()

Pingback: https://storify.com/jimstephenson20()

Pingback: https://trello.com/jimstephens10()

Pingback: Judi Online()

Pingback: marketing network()

Pingback: nike short sport socks()

Pingback: google leaks()

Pingback: پنجره()

Pingback: پنجره()

Pingback: leo man in love acts()

Pingback: پنجره()

Pingback: More Info()

Pingback: Muscle()

Pingback: دانلود فیلم رایگان()

Pingback: آینه بغل()

Pingback: headhunting()

Pingback: دانلود سریال شهرزاد فصل دوم()

Pingback: دانلود شهرزاد()

Pingback: Infant car seat cover()

Pingback: stroller accessories()

Pingback: i know that girl porn()

Pingback: Car seat cover()

Pingback: music()

Pingback: فیلم نهنگ عنبر()

Pingback: free porn app()

Pingback: ï»¿real caller apk()

Pingback: Canada Goose Jakke Tilbud()

Pingback: Limo Vancouver BC()

Pingback: Nursing scarf()

Pingback: SkinAlley()

Pingback: child abuse and neglect()

Pingback: a fantastic read()

Pingback: dealfeed()

Pingback: dealfeed()

Pingback: Cologne()

Pingback: Segala Macam Judi Olahraga()

Pingback: The Bavarian Football()

Pingback: maximainvestments()

Pingback: iphone porno videos()

Pingback: game hack()

Pingback: click for more()

Pingback: porn movie()

Pingback: checking this site()

Pingback: پنجره()

Pingback: دانلود()

Pingback: فیلم نهنگ عنبر()

Pingback: Segala Macam Judi Olahraga()

Pingback: Dari Pinggir Lapangan Bola()

Pingback: link98()

Pingback: THESSALONIKI HOTELS()

Pingback: لینکدونی فروش()

Pingback: buy hacklink google()

Pingback: pirater un compte facebook()

Pingback: buy hacklink google()

Pingback: ΚΟΥΠΟΝΙ ΣΤΟΙΧΗΜΑ()

Pingback: USAA Bank()

Pingback: t shirt printing()

Pingback: Oddsmonkey()

Pingback: playing slot machines tips()

Pingback: Oddsmonkey()

Pingback: coat hanger()

Pingback: 2 فیلم نهنگ عنبر()

Pingback: Oddsmonkey()

Pingback: Oddsmonkey()

Pingback: Oddsmonkey()

Pingback: Oddsmonkey()

Pingback: WalmartOne Login()

Pingback: Oddsmonkey()

Pingback: somulin()

Pingback: www.envisionsolutionsnow()

Pingback: www.consumerhealthdigest()

Pingback: www.consumerhealthdigest()

Pingback: zenofem reviews()

Pingback: christmas 2017 coupon codes()

Pingback: amazon kitchen()

Pingback: رگ خواب()

Pingback: btc to usd()

Pingback: Arad()

Pingback: فیلم رگ خواب()

Pingback: war dragons cheats 2017()

Pingback: switchable privacy film()

Pingback: Google 2017 backdoors()

Pingback: App SEO()

Pingback: wlw.su()

Pingback: Hakukoneoptimointi Espoo()

Pingback: Anonymous()

Pingback: Source()

Pingback: Web()

Pingback: milf.freeanalz.com()

Pingback: covers accessories()

Pingback: See video()

Pingback: Homepage()

Pingback: Read more()

Pingback: feed()

Pingback: www()

Pingback: Video link()

Pingback: mine site()

Pingback: Go link()

Pingback: My homepage()

Pingback: Website()

Pingback: main site()