calc-padding-block-1-ref.html (674B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Reference: Test of padding-*: calc()</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <style type="text/css"> 7 8 body { width: 500px } 9 div { border: medium solid green } 10 p { background: yellow; margin: 0 } 11 12 </style> 13 </head> 14 <body> 15 16 <div style="padding: 15px 0 0 0"><p>paragraph with padding</p></div> 17 <div style="padding: 0 15px 0 0"><p>paragraph with padding</p></div> 18 <div style="padding: 0 0 15px 0"><p>paragraph with padding</p></div> 19 <div style="padding: 0 0 0 15px"><p>paragraph with padding</p></div> 20 <div style="padding: 25px 25px 25px 25px"><p>paragraph with padding</p></div> 21 </body> 22 </html>