Ayuda sobre CSS

[amunt_valencia16]

Buenas,soy nuevo en esto de las webs y me gustaria que me ayudaran a completar este ejercicio:
Hay que hacer una especie de tarjeta de presentacion que incluya (con esta distribucion): la foto a la izquierda y los demas elementos (nombre,texto y link a la derecha de la foto)

NOMBRE

TEXTO
FOTO PERSONAL


LINK A PAGINA WEB

Espero que me podais ayudar.
Un saludo!

[Ruben_JD]

Prueba con este codigo que viene en el dreamweaver:

Código:

<style type="text/css">
body{
    font-family: Arial,sans-serif;
    color: #333333;
    line-height: 1.166;    
    margin: 0px;
    padding: 0px;
}

a:link, a:visited, a:hover {
    color: #006699;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h2 {
    font-family: Arial,sans-serif;
     font-size: 114%;
     color: #006699;
    margin: 0px;
    padding: 0px;
}
#content{
  float:right;
    width: 75%;
    margin: 0;
    padding: 0 3% 0 0;
}
.feature{
    padding: 0px 0px 10px 10px;
    font-size: 80%;
}

.feature h3{
    padding: 30px 0px 5px 0px;
    text-align: center;
    margin: 0;
}

.feature img{
    float: left;
    padding: 0px 10px 0px 0px;
    margin: 0 5px 5px 0;
}
#breadCrumb{
    font-size: 80%;
    padding: 5px 0px 5px 10px;
}
#pageName{
    padding: 0px 0px 10px 10px;
}
</style>

Código HTML:

<div id="content"> 
  <h2 id="pageName">Page Name</h2> 
  <div class="feature"> 
    <img src="" alt="" width="180" height="100"> 
    <h3>Feature Title </h3> 
    <p> 
    Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec molestie.
    Sed aliquam sem ut arcu. Phasellus sollicitudin. Vestibulum condimentum facilisis
    nulla. In hac habitasse platea dictumst. Nulla nonummy. Cras quis libero.
    Cras venenatis. Aliquam posuere lobortis pede. Nullam fringilla urna id leo.
    Praesent aliquet pretium erat. Praesent non odio. Pellentesque a magna a
    mauris vulputate lacinia. Aenean viverra. Class aptent taciti sociosqu ad
    litora torquent per conubia nostra, per inceptos hymenaeos. Aliquam lacus.
    Mauris magna eros, semper a, tempor et, rutrum et, tortor.
    </p> <div id="breadCrumb"> 
    <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> / <a href="#">breadcrumb</a> /
  </div>
  </div> 
 </div>