Combiner les deux de la Police Impressionnant icônes

J'essaie de combiner les deux de la Police Impressionnant icônes, pour créer une pile. Je suis en train de fusionner fa-calendar et fa-clock-o icônes. Cela parce que, j'ai besoin d'une icône pour la date-heure.

Afin de les combiner entre eux, j'ai essayé ceci:

HTML

<span class="icon-stack">
   <i class="fa fa-calendar icon-stack-3x"></i>
   <i class="fa fa-clock-o icon-stack-1x"></i>
</span>

CSS

.icon-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 5em;
  line-height: 4em;
  vertical-align: middle;
}
.icon-stack-1x,
.icon-stack-2x,
.icon-stack-3x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.icon-stack-1x {
  line-height: inherit;
}
.icon-stack-2x {
  font-size: 1.5em;
}
.icon-stack-3x {
  font-size: 2em;
}

C'est ce que je reçois comme un résultat.

Combiner les deux de la Police Impressionnant icônes

Mais, je tiens à apporter un petit peu à droite. Je ne sais pas comment faire? Que puis-je faire pour apporter un peu vers la droite?

fontawesome.com/how-to-use/on-the-web/styling/stacking-icons et puis il suffit de jouer avec les propriétés left et top

OriginalL'auteur SSS | 2016-11-15