Un affichage de numéro vert avec Microformat et mise en forme en CSS

HTML

<span class="vcard numerovert">
  <span class="fn">Nom de la société</span>
  <span class="tel">
      <span class="type"><abbr title="Numéro">Nº</abbr> Ver</span><span class="value">0&nbsp;800&nbsp;xxx&nbsp;xxx</span>
  </span>
</span>

CSS

body {
    font-family: sans-serif;
}

.numerovert {
  display: inline-block;
  font-weight: bold;
}

.numerovert .fn {
  display: none;
}

.numerovert .type {
  color: white;
  background: green;
  padding: 0 .4em;
  margin: 0;
  border: 1px solid green;
  
  -webkit-border-top-left-radius: .5em;
  -webkit-border-bottom-left-radius: .5em;
  -moz-border-radius-topleft: .5em;
  -moz-border-radius-bottomleft: .5em;
  border-top-left-radius: .5em;
  border-bottom-left-radius: .5em;
}

.numerovert .value {
  color: green;
  padding: 0 .4em;
  margin: 0;
  border: 1px solid green;

  -webkit-border-top-right-radius: .5em;
  -webkit-border-bottom-right-radius: .5em;
  -moz-border-radius-topright: .5em;
  -moz-border-radius-bottomright: .5em;
  border-top-right-radius: .5em;
  border-bottom-right-radius: .5em;
}