blob: ccd2f58e6857179b877bd61911905c1c2d40d744 [file] [log] [blame]
<!DOCTYPE html>
<style type='text/css'>
body {
zoom: 1.1;
background: white;
.button-wide {
display: inline-block;
position: relative;
border: solid black;
border-width: 0 1px;
.button-text {
line-height: 1.5em;
position: relative;
padding: 0 1em;
text-align: center;
.box {
position: relative;
width: 49px;
height: 20px;
background: black;
padding: 0 1px;
.box > div {
height: 1.5em;
background: white;
<div style="padding: 10px; font-size: 81.25%">
<div class="button-wide">
<div class="button-middle">
<div class="button-text">&nbsp;</div>
<div class="box">
The two figures above should have solid 1px borders of the same height on each side.