56 lines
1.0 KiB
HTML
56 lines
1.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<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;
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div style="padding: 10px; font-size: 81.25%">
|
|
|
|
<div class="button-wide">
|
|
<div class="button-middle">
|
|
<div class="button-text"> </div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="box">
|
|
<div> </div>
|
|
</div>
|
|
|
|
<p>
|
|
The two figures above should have solid 1px borders of the same height on each side.
|
|
</p>
|
|
</body>
|
|
|
|
</html>
|
|
|