Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Заголовок документа</title> <style> .example{ background-color: #8ebf42; height: 90px; width: 200px; columns: 1; column-width: 80px; } .list, ol, ul, p { break-inside: avoid; } p { background-color: #8ebf42; } ol, ul, .list { margin: 0.5em 0; display: block; background-color: #1c87c9; } p:first-child { margin-top: 1; } </style> </head> <body> <div class="example"> <p>Первый параграф.</p> <section class="list"> <span>A list</span> <ol> <li>one</li> </ol> </section> <ul> <li>one</li> </ul> <p>Второй параграф.</p> <p>Третий параграф, который содержит больше текста.</p> <p>Четвертый параграф. Он содержит больше текста, чем третий параграф.</p> </div> </body> </html>