PuzzleWeb
.ru
Learn HTML
Learn CSS
CSS tutorial
>
CSS display and visibility properties
> Inline and block elements
Inline and block elements
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Page title</title> <style> p { display: inline; } span { display: block; } li { display: inline-block; } </style> </head> <body> <p>Paragraph 1.</p><p>Paragraph 2.</p> <span>Practical application of the display property we will consider</span> <span>in the chapter "CSS Menu"</span> <ul> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </body> </html>
Result:
Edit the code listed above and click the "GO" button to view the result.