MTG Puzzle Border Sketch

by skibulk

HTML

<div id="container">
  <img id="border" src="./border.jpg">
  <span id="top">Top</span>
  <span id="right">Right</span>
  <span id="bottom">Bottom</span>
  <div id="left">Left</div>
</div>

CSS

#container {
  position: relative;
  width: 1490px;
  height: 2080px;
  background: gray;
}
#top, #right, #bottom, #left {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  
  width: 1490px;
  height: 1490px;
  text-align: center;
}