Salut,

le titre est pas super claire, alors j'ai fait ce petit chef d’œuvre pour mieux vous expliquer : http://www.imagup.com/data/1164206739.html. Alors, j'ai une image à gauche et je veux écrire du texte à droite de cette image. De plus, je veux que le texte à droite soit centrer en fonction de l'espace disponible (donc, le texte ne doit pas embarquer par dessus l'image). Quelqu'un sait comment faire ?

Merci

Ps : Voici le bout de code que j'ai fait :

HTML

Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
  <header>
      <div id="titre_principal">
         <img src="images/iprotek.png" alt="Logo de IProTek" id="logo" />
	    <section id="coord_top_wrapper">
	       <div id="coord_top">
	          <p>Tel : </p>
		  <a href="tel:418-263-3090">418 263-3090</a>
		  <br />
		  <p>Sans frais</p>
		  <a href="tel:1-855-263-3090">1 855 263-3090</a>
	       </div>
	    </section>
	 </div>
   </header>

CSS

Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#titre_principal
{
	display: inline-block;
	height: 60px;
	width: 320px;
}
 
#coord_top_wrapper
{
	display: inline-block;
}
 
#coord_top
{
	display: block;
	width: 180px;
	margin-left: auto;
}
 
#coord_top p
{
	display: inline-block;
}