List line-height bug

by AltayH

HTML

<div></div>
<ul>
<li>Indented line due to floating div.</li>
<li>Buggy line where the bullet point has been separated from the text.</li>
<li>Unindented line below floating div.</li>
</ul>

CSS

body {
  font-family: Times New Roman, Times, serif;
  font-size: 16px;
}

div {
  float: left;
  height: 36px;
  width: 100px;
  background: gainsboro;
}

ul {
  line-height: 2;
}