Simuler un positionnement par tabulation avec les CSS

Nom :Comestor

Prénom :Petrus

HTML
<p class="fiche"><span class="etiquette">Nom :</span><span class="nom">Comestor</span></p›

<p class="fiche"><span class="etiquette">Pr&#233;nom :</span><span class="prenom">Petrus</span></p›

CSS
p {
	margin: 5px;
	font-size: 0.8 em;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
	
.fiche {
	left: 100px; 
	top:10px;
	border: 2px solid Black;
	padding: 10px; 
	width: 200px; 
	position: relative; 
	margin-bottom: 30px;
	}

.etiquette {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;}

.prenom {
  position :absolute; 
  left:100px; 
  font-weight:bold;}

.nom {
  position :absolute;
  left:100px;
  top: 7px;
  font-weight:bold;
  font-variant: small-caps;
  }