Differences

This shows you the differences between two versions of the page.

--- css:height:div_100_height_with_padding_margin [2021/08/08 12:55] – [Using CSS box-sizing] peter
+++ css:height:div_100_height_with_padding_margin [2021/08/08 12:56] (current) – [Using Calc] peter
@@ Line 124: / Line 124: @@
 <code css>
 #myDiv {
-    width: calc(100% - 5px);
+  width: calc(100% - 5px);
-    height: calc(100% - 5px);
+  height: calc(100% - 5px);
-    padding: 5px;
+  padding: 5px;
 }
 </code>
 <WRAP info>
-**NOTE:**  Don't forget the space between the values and the operator (e.g. (100%-5px) that will break the syntax.
+**NOTE:**  Do not forget the space between the values and the operator (e.g. (100%-5px) that will break the syntax.
 </WRAP>