Inserire immagine a destra del testo

[purno]

Vorrei inserire una immagine - vedi allegato - che compaia a destra nel div1 sotto descritto:

#div1 {
width: 650px;
display: inline;
float: right;
color: #5f5f5f;
}

Mi postate il codice css? Grazie 1000

[Mich_]

HTML:
<div id="div1">
  

 
    <img ... />
    testo del contenitore
  </p>
</div>

CSS:
#div1 {
  width: 650px;
  color: #5f5f5f;
}
#div1 p {
  width: 100%;
  clear: right;    /* necessario se il testo puo` essere piu` basso dell'immagine */
}
#div1 img {
  float: right;
  /* eventuali dimensioni, se sono diverse dalle originali */
}

NON usare display:inline
NON usare il float nel contenitore o nel

(salvo situazioni particolari)

[purno]

Anzitutto grazie. Ci provo.

Forse per meglio rendere l'idea dell'aiuto necessario:

esempio

[Mich_]

Quello e` chiaramente un sito a due colonne: menu e corpo.

La parte corpo contiene un header, poi il resto del corpo.

E` chiaramente diverso da quanto suggerito prima, dato che non c'e` solo testo e foto, ma ci sono anche un titolo e un pezzo di codice.

Se guardi tra le raccolte di layout (prova a partire dai "link utili") trovi varie soluzioni (probabilmente trovi uno schema per il sito e uno schema per la parte corpo, che dovrai mettere assieme.

Comunque lo schema della parte corpo potrebbe essere:

HTML:
<div id="corpo">
  <div id="header">
    <ul> ... qui il menu super. flottato a destra[/list]
  </div>
  <div id="div1">
    <div id="riquadroImmagine">
       <img ... />
    </div>
    <div id="titoloEpreambolo">
      <h1>Benvenuti</h1>
      <p id="preambolo"> Benvenuti. In queste pagine ...</p>
      <p id="codice">
        #destra_sotto_menu ...
      </p>
    </div> 
    <p id="massima">
      Se ti radichi ...
    </p>
  </div> 
</div> 

CSS:
#div1 {
  width: 650px;
  color: #5f5f5f;
  ...
}
#riquadroImmagine {
  float: right;
  margin: 0;
  padding: 3px;       /* valore da sistemare */
  border: solid white 2px;
  width: ...;
  height: ...;
}
#titoloEpreambolo {
  float: left;
  margin: 30px 0 20px 30px;
  width: ...;   /* un valore minore della differ tra div1 e riquadroimmagine */
}
#titoloEpreambolo h1 {
  font-size: 250%;
  width: 100%;
}
#codice {
  font-style: courier, monospace;
  ...
}
#massima {
  clear; both;
}

[purno]

Provo.

Grazie 1000