x
<html><head><style>.container { height: 200px; position: relative; border: 3px solid green; }.vertical-center { margin: 0; position: absolute; top: 50%; transform: translateY(-50%); transform: translateY(-50%);}</style></head><body><h2>Vertical Center</h2><p>In this example, we use positioning and the transform property to vertically center a button inside a container element:</p><div class="container"> <div class="vertical-center"> <button>Centered Button</button> </div></div></body></html>