Div does not have 50% height as declared. Why?

Question

The following code produces a small rectangle that has 50% width but not 50% height. Why?

body {
  width: 100%;
  height: 100%;
}

<div style="width: 50%; height: 50%; background-color: #058; ">1234</div>