<!DOCTYPE HTML>
<html dir=rtl>
<style>

div.button {
  display: inline-block;
  background: yellow;
  border: 2px solid fuchsia;
  padding: 2px;
  font-size: 10px;
}

span {
  display: inline-block; vertical-align: middle;
  height: 20px; width: 50px; border: 2px solid blue;
  margin: 1px 0 1px -2px; /* for implicit focuspadding, fully eroded and overflowed */
}

</style>

<div class=button><span></span></div>