<!DOCTYPE html>
<html>
<head>
<title>Title of the document</title>
<style>
h1 {
text-align: center;
margin: 50px;
color: #000;
}
div {
width: 150px;
height: 60px;
position: relative;
z-index: 1;
background-color: #ffff3b;
margin: 20px auto;
padding: 20px;
color: #726E97;
}
div.top:before {
content: "";
position: absolute;
left: 0;
top: 0;
height: 5px;
width: 50%;
border-top: 3px solid #000;
}
div.bottom:before {
content: "";
position: absolute;
left: 25px;
bottom: 0;
height: 15px;
width: 70%;