HTML Element Style How to - Center anchor buttons within a div container

Question

We would like to know how to center anchor buttons within a div container.

Answer


<!DOCTYPE html>
<html>
<head>
<style type='text/css'>
.wrapper {<!--   w ww. j a v  a2s . c  o  m-->
  text-align: center;
  background: cyan;
}

.wrapper .btn {
  display: inline-block;
  margin: 50px 25px;
  background: yellow;
}
</style>
</head>
<body>
  <div class="wrapper">
    <a class="btn btn-large" href="" >MEDIA</a>
    <a class="btn btn-large" href="" >STUDIO</a>
    <a class="btn btn-large" href="" >DESIGN</a>
  </div>
</body>
</html>

The code above is rendered as follows: