<div class="constant-width-to-height-ratio"></div>
.constant-width-to-height-ratio { background: #333; 50%; } .constant-width-to-height-ratio::before { content: ''; padding-top: 100%; float: left; } .constant-width-to-height-ratio::after { content: ''; display: block; clear: both; }