Demo: CSS calc

The elements below have their width, padding, and margin-left calculated using CSS calc.

"Simple" block: 100% - 100px

This is the simple block

"Complex" block: 100% - calc(100% - 50% / 3), 5px calc(3% - 2px), calc(10% + 10px)

This is the complex block

Back to: CSS calc