Unsortierte Liste anordnen

[Bratkartoffl]

Hallo zusammen,

wie Gunnar richtig erkannt hat, handelt es sich dabei um eine Art Visitenkarte mit Name, Logo und Jobtitle.

Ich habe nun aus deinem Code folgendes gebastelt:

  
  
<figure itemscope="itemscope" itemtype="http://schema.org/Person">  
  <a href="#"><img itemprop="image" src="/images/..." alt=""/></a>  
  <figcaption>  
    <span itemprop="familyName"><b>Name</b></span>  
    <span itemprop="givenName"><b>VName</b><br></span>  
    <span itemprop="jobTitle">Jobbezeichnung</span>  
  </figcaption>  
</figure>  
  
<style>  
  
[itemtype="http://schema.org/Person"]  
{  
  border: 1px solid;  
  border-top: 1px solid;  
  border-bottom: 1px solid;  
  width: 180px;  
}  
  
[itemtype="http://schema.org/Person"] img  
{  
  float: right;  
  margin: 0 0 1em 1em;  
}  
  
[itemtype="http://schema.org/Person"] span  
{  
  display: block;  
}  
  
[itemtype="http://schema.org/Person"] [itemprop="jobTitle"],  
[itemtype="http://schema.org/Person"] [itemprop="jobTitle"]  
{  
  clear: right;  
}  
</style>  
  
  

Nun habe ich eine Visitenkarte erstellt. Wie schaffe ich es, das ich mehrere "Visitenkarten" mit einem gewissen Abstand voneinander horizontal anordnen kann?

Beste Grüße und danke für eure super Hilfe!