html - How do I center an anchor element in CSS?

Question

I just want to have my anchor in the middle of the screen horizontally, how might I do this?

<a href="http://www.example.com">example</a>

Answer 1

Add the text-align css property to its parent style attribute

Eg:

<div style="text-align:center">
  <a href="http://www.example.com">example</a>????????????????????????????????????
</div>?

Or using a class (recommended)

<div class="my-class">
  <a href="http://www.example.com">example</a>????????????????????????????????????
</div>?

.my-class {
  text-align: center;
}

---

See below working example:

.my-class {
  text-align: center;
  background:green;
  width:400px;
  padding:15px; 
}
.my-class a{text-decoration:none; color:#fff;}

<!--EXAMPLE-ONE-->
<div style="text-align:center; border:solid 1px #000; padding:15px;">
  <a href="http://www.example.com">example</a>????????????????????????????????????
</div>?

<!--EXAMPLE-TWO-->
<div class="my-class">
  <a href="http://www.example.com">example</a>????????????????????????????????????
</div>?