html

<!DOCTYPE html>

<html> <head> <meta charset="utf-8">

<style>
body {
background-image: Url(link here);
background-size: cover;
}

#idiv {
  width: 32%;
  height: 50vh;
  margin-left: 35.8%;
  margin-top: 23.5%;
  display: flex;
}

.colums {
  flex: auto;
}

.wrapper {
  margin-top: 20px;
  text-align: middle;
  font-size: 3em;
  cursor: pointer;
}

.YourLinks {
  text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000;
	color: white;
	text-decoration: none;
}

</style>

<body>
  <div id="idiv">
    <div class="colums">
      <div class="wrapper">
        <a href="http://boards.4chan.org/c/catalog" class="YourLinks">可愛い</a>
      </div>
    </div>
    <div class="colums">
      <div class="wrapper">
        <a href="https://danbooru.donmai.us" class="YourLinks">簿おる</a>
      </div>
    </div>
    <div class="colums">
      <div class="wrapper">
        <a href="http://boards.4chan.org/g/catalog" class="YourLinks">技術</a>
      </div>
    </div>
  </div>
</body>