Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> .contents { display: contents; border: 1px solid #666; background-color: #eee; padding: 10px; width: 200px; } .hello { border: 1px solid #1c87c9; background-color: #ccc; padding: 10px; text-align: center; } </style> </head> <body> <h2>Ein Beispiel für die Eigenschaft display</h2> <div class="contents"> Lorem Ipsum ist ein Blindtext der Druck- und Satzindustrie. Lorem Ipsum ist der Standard-Dummy-Text der Branche seit den 1500er Jahren, als ein unbekannter Drucker ein Setzschiff vom Typ nahm und es zu einem Musterbuch verarbeitete. <div class="hello">HALLO!</div> Sie hat nicht nur fünf Jahrhunderte, sondern auch den Sprung in den elektronischen Satz ohne Wesentlichen Veränderungen überlebt. </div> </body> </html>