Bordes y márgenes
Éste es un párrafo sin margen.
<p style="background-color: #99ccff; margin: 0;"><span style="color: #000000;">Éste es un párrafo sin margen.</span></p>
Éste es un párrafo con margin:20px.
<p style="background-color: #99ccff; margin: 20px;"><span style="color: #000000;">Éste es un párrafo con margin:20px.</span></p>
Éste es un párrafo con margin:20px y padding:10px.
<p style="background-color: #99ccff; margin: 20px; padding: 10px;"><span style="color: #000000;">Éste es un párrafo con margin:20px y padding:10px.</span></p>
Éste es un párrafo con margin:20px, padding:10px y border: cyan 4px inset
<p style="background-color: #99ccff; margin: 20px; padding: 10px; border: cyan 4px inset;"><span style="color: #000000;">Éste es un párrafo con margin:20px, padding:10px y border: <span style="color: #000000;">cyan</span> 4px inset</span></p>
Éste es un párrafo con margin-right:25%.
<p style="background-color: #99ccff; margin-right: 25%;"><span style="color: #000000;">Éste es un párrafo con margin-right:25%.</span></p>
/https%3A%2F%2Flh3.googleusercontent.com%2F-drj07eUI7IQ%2FWfshPpdTtLI%2FAAAAAAADOm4%2FTd99GxjOCOENdzzPzZLDN5FnnBj4D7NSgCJoC%2Fw320-h240-rw%2F17.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-6eSJcfFteoM%2FWfsidlbFYVI%2FAAAAAAADOrE%2Fj2oNYgt8VzE4jsWh8vwdiBuDNlFKZlGMwCJoC%2Fw292-h468-rw%2F20a.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-Z71wS6lOmNE%2FWfyAV46cGSI%2FAAAAAAADOxM%2FzuCej6ophBAa0HTDh4C7GzB-lh0h0fYTQCJoC%2Fw356-h555-rw%2F2.gif)
/https%3A%2F%2Flh3.googleusercontent.com%2F-GgWdAE3rGjI%2FWfyQTJujPRI%2FAAAAAAADO0w%2FJPSejYaMeFcu9oHRK1G1NLPYVRp9w30eACJoC%2Fw360-h540-rw%2F1.gif)