CSS - Allineamento del testo intorno ad un'immagine

[Trinità76]

Ho provato in tutti i modi ma non riesco a farlo (con i css, gli oggetti etc.). Programmando una tabella ovviamente riesce ma mi chiedevo come si potesse risolvere lo stesso problema con i css.
Mi spiego meglio:
Ho un'immagine quadrata di 70 allineata a sinistra della mia cella. Alla destra di quest'immagine e sotto di essa dovrebbe scorrere il testo...
...come posso fare?

[span]

float: left

[Trinità76]

Originariamente inviato da span
float: left

Avevo troppe opzioni/oggetti nei css e non ci stavo capendo più nulla. Ora ho ricreato una pagina vuota con soltanto il float: left all'immagine e funziona. Ora vedo piano piano di ripristinare le funzioni che mi servivano.
Grazie ancora ^^

[Trinità76]

Un'altra cosa:

img {
	top: 11px;
	left: 11px;
	visibility: visible;
	width:70px;
	height:70px;
	float: left;
	padding: 7% 7% 7% 7%;
}

Ho settato questi valori per l'immagine, e +o- vanno bene... Ora però ovviamente me li applica a tutte le immagini del documento. Come faccio a creare una sottoclasse nelle immagini e richiamarla poi nell'html?

[Trinità76]

Ho in parte risolto così la questione dell'immagine e del testo:

.copy {
	font-size: 12px;
	font-family: "Book Antiqua", "Times New Roman", Georgia, Times, serif;
	text-align: justify;
	line-height: 150%;
	line-height: 15px;
	}

#Square {
	visibility: visible;
	width: 70px;
	height: 70px;
	float: left;
	padding: 5px 5px 5px 5px; /* padding e border vengono interpretati diversamente in mozilla */
	/*border: dashed silver 1px;*/
	}

Ho notato che il padding e border in mozilla, rispetto ad explorer vengono interpretati diversamente... in ogni caso in tutti e due i casi, il testo rispetto alla fotografia, mi incomincia come se ci fosse uno scalino... un'accapo =_='

Dimenticavo, l'immagine la richiamo così: <div id="Square"> e il testo lo richiamo così: <p class="copy">


aiuto