wpt/css/css-values/calc-padding-block-1.html at master · web-platform-tests/wpt

24 lines (21 loc) · 842 Bytes

<!DOCTYPE HTML>

<html>

<head>

<title>CSS Test: Test of padding-*: calc()</title>

body { width: 500px }

div { border: medium solid green }

p { background: yellow; margin: 0 }

</style>

</head>

<body>

<div style="padding: calc(10px + 1%) 0 0 0"><p>paragraph with padding</p></div>

<div style="padding: 0 calc(10px + 1%) 0 0"><p>paragraph with padding</p></div>

<div style="padding: 0 0 calc(10px + 1%) 0"><p>paragraph with padding</p></div>

<div style="padding: 0 0 0 calc(10px + 1%)"><p>paragraph with padding</p></div>

<div style="padding: calc(30px - 1%)"><p>paragraph with padding</p></div>

</body>

</html>

Provide feedback