Cloud Tag

by akshatha suchethan

HTML

<body>
  <div class="tag">
    <a class="tag3">sharepoint</a>
    <a class="tag1">web services</a>
    <a class="tag0">apache rave</a>
    <a class="tag3">html</a>
    <a class="tag3">spring framework</a>
    <a class="tag3">scrum</a>
    <a class="tag5">c#</a>
    <a class="tag0">certified scrum master</a>
    <a class="tag4">rest</a>
    <a class="tag3">enterprise search</a>
    <a class="tag8">web applications</a>
    <a class="tag3">css</a>
    <a class="tag9">java</a>
    <a class="tag4">jquery</a>
    <a class="tag6">agile</a>
    <a class="tag4">agile development</a>
    <a class="tag3">xml</a>
    <a class="tag9">javascript</a>
    <a class="tag7">testing</a>
    <a class="tag2">project management</a>
  </div>
</body>

CSS

body {
  width: 46%;
  background-color: #000;
}

.tag {
  padding-top: 0.625em;
  text-align: center;
  display: table-cell;
  vertical-align: top;
  font-size: 100%;
  color:#fff;
}

.tag .tag0 {
  
  font-size: 0.875em;
}

.tag .tag1 {
  
  font-size: 0.9375em;
}

.tag .tag2 {
  
  font-size: 1em;
}

.tag .tag3 {
  
  font-size: 1.0625em;
}

.tag .tag4 {
  
  font-size: 1.125em;
}

.tag .tag5 {
  
  font-size: 1.1875em;
}

.tag .tag6 {
  
  font-size: 1.25em;
}

.tag .tag7 {
  
  font-size: 1.375em;
}

.tag .tag8 {
  
  font-size: 1.4375em;
}

.tag .tag9 {
  
  font-size: 1.5em;
}

.tag a {
  display: inline-block;
  margin: .125em 0.75em .125em 0;
  line-height: 1.2em;
  word-break: break-all;
  vertical-align: middle;
}

a:hover {
  text-decoration: underline;
}

a {
  text-decoration: none;
}

Contact GitHub API Training Shop Blog About © 2017 GitHub,
Inc. Terms P