Untitled

<!DOCTYPE html>
<html>

<head>
  <link rel="stylesheet" href="style.css">
  <script src="script.js"></script>
</head>

<body>
  <h1>Hello Plunker!</h1>
  <div class = "container">
    (y)
    <div class="wrap">
      <span class="up">7</span>
      <span class="under">8</span>
    </div>
  </div>
</body>

</html>

// Code goes here

/* Styles go here */

.container {
  position:relative;
  font-size:20px;
}
.wrap{
  position:absolute;
  bottom:15px;
  left:22px;
}
.up,.under{
  display:block;
  width:5px;
  font-size:10px;
}
.up{
  border-bottom:1px solid black;
}