The calc() CSS function is often used for calculating relative values. In the example below, what is the specified margin-left value?

.example {
  margin-left: calc(5% + 5px);
}

1.  The left margin value is equal to 5% of its parents element’s width plus 5px
2.  The left margin value is equal to 5% of the viewport width plus 5px
3.  The left margin value is equal to 5% of the closest positioned element’s width plus 5px
4.  The left margin value is equal to 5% of the selected element’s width (.example) plus 5px

Correct Answer:

•  The left margin value is equal to 5% of its parents element’s width plus 5px