Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Der Titel des Dokuments</title> <style> .inline { border: 1px solid #1c87c9; display: inline; height: 30px; width: 300px; } .block { border: 1px solid #1c87c9; display: block; height: 30px; width: 300px; } </style> </head> <body> <h2>Ein Beispiel für die Eigenschaft display</h2> <p>Hier ist das Listenelement mit dem Wert "initial" verwendet. Der Wert "inline" akzeptiert height und width nicht:</p> <span>Das ist ein Text.</span> <span class="inline">Das ist ein anderer Text.</span> <hr> <p>Hier wird das Listenelement mit dem Wert "block" der Eigenschaft display verwendet:</p> <span class="block">Das ist ein Text.</span> <span class="block">Das ist ein anderer Text.</span> </body> </html>