HTML Indent

How to indent HTML

<html>
<head>
	<style>
		dd { display: block; margin-left: 40px; }
	</style>
</head>

<body>

<p>A dd element is displayed like this:</p>

<dl>
  <dt>Coffee</dt>
  <dd>Black hot drink</dd>
  <dt>Milk</dt>
  <dd>White cold drink</dd>
</dl>

<p>Change the default CSS settings to see the effect.</p>

</body>
</html>

<hr>
A dd element is displayed like this:

Coffee
    Black hot drink
Milk
    White cold drink

Change the default CSS settings to see the effect.
<hr>

<html> <head> <style> dd { display: block; margin-left: 40px; } </style> </head> <body> <p>A dd element is displayed like this:</p> <dl> <dt>Coffee</dt> <dd>Black hot drink</dd> <dt>Milk</dt> <dd>White cold drink</dd> </dl> <p>Change the default CSS settings to see the effect.</p> </body> </html> <hr> A dd element is displayed like this: Coffee Black hot drink Milk White cold drink Change the default CSS settings to see the effect. lt;hr>