[css] Problema allineamento centrale

Ciao a tutti, ieri avevo creato un topic simile, e ho trovato la soluzione ma ora mi si presenta un altro problema simile.
Il mio obbiettivo è allineare al centro un immagine e 3 blocchi di testo

Vi faccio un piccolo schemino:

IMMAGINE TESTO1 TESTO2 TESTO3

Io vorrei che tutto questo sia allineato al centro e vorrei creare una distanza tra immagine e i vari testi

Qualcuno può spiegarmi come farlo?

Io ho provato con svariate cose, creazioni di div in cui creavo un contenitore e poi impostavo i vari attributi per ogni blocco ma niente.
Al massimo riesco ad allineare il testo ma non insieme all'immagine.

Vi ringrazio per l'aiuto.

[karl94]

Prendi il codice di esempio che ti avevo scritto nell'altra discussione e semplicemente aggiungi l'elemento immagine come figlio dell'elemento contenitore.
Se hai problemi, indica codice o, meglio, indirizzo.

Ho già provato.. :/ ora rivedo, magari ho sbagliato a scrivere qualcosa...

Niente.. non riesco.. sarà che sono stanco e non connetto xD
CSS:

#contenitore{
		margin-top: 5%;
		margin-bottom: 5%;
}

#contenitore > div > img{
	display: inline-block;
	width: 100%;
	height: 1%;
	}
.indirizzo
		{
		margin-left: 5%;
		float: left;
		}
.via
		{
		font-weight: bold;
		margin:0;
		padding:0;
		}

HTML:

<div id="contenitore">
<img class="busta" src=http://www.liceoleonardogiarre.it/Informazioni/email.gif>
<div class="via">
<div class="indirizzo">Via Veneto, 91</div>
<div class="indirizzo">95014</div>
<div class="indirizzo">Giarre (Catania)</div>
</div>
</div>

Un altro problema.. riuscite a spiegarmi in che modo mantenere l'allineamento e le distanze del testo inserendo il tag <p>?

Comunque cosa manca al mio CSS e come devo impostare l'HTML? :/
Grazie

[karl94]

Il CSS andava bene così com'era, il selettore che hai scritto tu identifica un elemento img figlio di un div a sua volta figlio dell'elemento avente id contenitore. Non esiste alcun elemento che soddisfi questo selettore.

Quindi dovrei levare quella parte di CSS che identifica l'immagine?
Ma non risulta comunque..

[karl94]

Codice, serve il codice! Altrimenti non è possibile aiutarti. Se puoi indicare l'indirizzo è ancora meglio.

Comunque credo che stia rendendo molto più complicata una cosa ben più semplice, per esempio, tutti quei float te li puoi benissimo risparmiare. Se descrivessi con esattezza il risultato a cui miri (non in modo generico, ma in questo specifico contesto), sarebbe possibile indicarti la soluzione più adatta al caso.

Codice, serve il codice! Altrimenti non è possibile aiutarti. Se puoi indicare l'indirizzo è ancora meglio.

Comunque credo che stia rendendo molto più complicata una cosa ben più semplice, per esempio, tutti quei float te li puoi benissimo risparmiare. Se descrivessi con esattezza il risultato a cui miri (non in modo generico, ma in questo specifico contesto), sarebbe possibile indicarti la soluzione più adatta al caso.

Ok.. presto pubblicherò il codice e ti dirò esattamente come devo impostare la pagina, in questo momento sono impegnato con gli studi, appena finisco ti mando tutto.

Il codice che va ad interessare ciò che devo fare è quello scritto sopra, per l'impostazione della pagina non c'è niente da dire, è all'inizio del topic.
Comunque ti invio il tutto:
CSS:

body{
                margin: 2% 5%;
				background-color: #F4F2FF;
        }

.title
		{
			text-align: center;
			font-size: 45px;
			color: #000;
		}
.leonardo
		{
		font-weight: bold;
		font-style: italic;
		text-align: center;
		font-size: 45px;
		color: #000;
		margin-bottom: 10%;
		}
.busta
		{
		width: 7%;
		height: 5%; 
		margin:0;
		padding:0;
		float: left;
		}
.via
		{
		font-weight: bold;
		margin:0;
		padding:0;
		}
		#contenitore{
		margin-top: 5%;
		margin-bottom: 5%;
}

#contenitore > div{
	display: inline-block;
	width: 100%;
	height: 1%;
	}
.indirizzo
		{
		margin-left: 5%;
		float: left;
		}
.cod
		{
		font-weight: bold;
		font-size:14.0pt;
		width:105%;
		}
.cod_mec
		{
		font-size:14.0pt;
        text-color: #0000FF;
		font-weight: bold;
		margin-top: 20%;
		}
.nospace
		{
		margin-bottom: 0;
		margin-top: 0;
		}

HTML:

<html>

<head>
<title>Informazioni</title>
</head>

		<body>
	
<div class="title">
<p class="nospace">Liceo Scientifico Statale</p>
	</div>
<div class="leonardo">
<p class="nospace">LEONARDO</p>
</div>
                         <!--PARTE IN QUESTION--!>
<div id="contenitore">
<img class="busta" src=http://www.liceoleonardogiarre.it/Informazioni/email.gif>
<div class="via">
<div class="indirizzo">Via Veneto, 91</div>
<div class="indirizzo">95014</div>
<div class="indirizzo">Giarre (Catania)</div>
</div>
</div>	
</body>
</html>

[acsocmel]

<div id="contenitore">
    <img src="http://www.liceoleonardogiarre.it/Informazioni/email.gif" alt="email" />
    <span>Via Veneto, 91</span>
    <span>95014</span>
    <span>Giarre (Catania)</span>
</div>

#contenitore {
  text-align: center
}
#contenitore span {
  margin-left: 31px
}

Grazie mille funziona :)
Comunque avevo risolto.. anche se il metodo era più contorto haha
Un grazie infinito comunque per la prontezza con cui ricevo aiuto :)