leaderboard centered

meant for jive html tile; side column

by Jordan Dayton

HTML

<br />
<br />
<div>
  <a href="https://community.canvaslms.com/people/snelson"><img class="round" src="https://docs.google.com/drawings/d/1l2l0UuSCTpEyjU3y3AHsGTd0KfMJIzgrZMCZZlVmAxI/pub?w=100&amp;h=100"></a>
</div>

  <div class="LEAD-NAME"><a href="https://community.canvaslms.com/people/snelson">STANLEY NELSON</a></div>

<div>
  <img src="https://app.box.com/representation/file_version_107885792366/image_2048/1.png?shared_name=h3zpz4hjq9yi3rcunxdq0p3npy2vqjo1" width="60" height="60">
</div>
<br />
<br />
<hr>



<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />


<img style="width:100%;height:auto;" src="https://docs.google.com/drawings/d/1skFGUmC3mYlkBQhQ7Jt8TH49qAVtU33yGLBKLiuLmQk/pub?w=370&amp;h=370">

CSS

body {
  color: #fff;
  font: 13px "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  background-color: #525174;
  text-align: center;
}

a:link {
  color: #fff;
  text-decoration: none;
}

a:hover {
  color: #d2d2e0;
  text-decoration: none;
  opacity: 0.6;
  filter: alpha(opacity=60);
}

a:visited {
  color: #fff;
  text-decoration: none;
}

.LEAD-NAME {
  text-align: center;
  padding: 10px;
  font-family: arial;
  line-height: 2em;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}

.round {
  border-radius: 50%;
  box-shadow: 0px 0px 0px 2px white;
  text-align: center;
}