<html> <head> <style> ul { list-style: none; } blockquote { border-left: 5px solid grey; padding-left: 10px; margin-left:5px; } </style> </head> <body> <p>Nest all the things!</p> <ul> <li>Hello world</li> <li> <ul> <li>Nested item</li> <li> <ul> <li>Even-more-nested item</li> <li> <ul> <li>Is this seriously necessary?</li> </ul> </li> </ul> </li> </ul> </li> </ul> <p>Because why not?</p> <blockquote> <p>Here's a quote</p> <blockquote> <p>A nested quote</p> <blockquote> <p>Containing a quote</p> <blockquote> <p>Which contains a quote</p> </blockquote> </blockquote> </blockquote> <p>Just... one... more... thing!</p> </blockquote> <p>The end.</p> </body> </html>