<style>
div.sample {
  display: inline-block;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 200px;
  width: 400px;
}
</style>
<body>
<p>This test checks caret height in display:inline-block.</p>
<div class="sample" contenteditable="true"></div>
</body>
<script>
onload = function() {
    document.querySelector("div[contenteditable]").focus();
};
</script>