Mettre au même niveau un titre et un texte

lunagato Messages postés 230 Date d'inscription   Statut Membre Dernière intervention   -  
lunagato Messages postés 230 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
Je voudrais aligner, c'est à dire mettre sur la même ligne une balise h3 et une balise p comment faire ?
merci d'avance



A voir également:

2 réponses

Utilisateur anonyme
 
salut,
essaie de le mettre sous cette forme:
<div style="display: inline">
<h3></h3>
<p></p>
</div>
0
lunagato Messages postés 230 Date d'inscription   Statut Membre Dernière intervention   6
 
je l'ai fait mais mon texte du bas est décalé vers la gauche du coup :
oups désolé, mais, je vens de le faire, mais c'est toujours pareil :
.dernieres_realisations{width:472px;height:auto;margin-top:40px;margin-left :10px;}
.dernieres_realisations img{margin:auto;}
.dernieres_realisations #contener {width:470px;height:auto;margin-top:-10px; border: 2px dotted #718AA3;border-top:none;}
.dernieres_realisations #contener #texte, .dernieres_realisations #contener #texte1, .dernieres_realisations #contener #texte2{margin:auto;width:440px;height:auto;padding-left:10px;border-bottom: 2px dashed #718AA3;margin-top:10px; margin-bottom:10px;}
.dernieres_realisations #contener #texte h3, .dernieres_realisations #contener #texte1 h3, .dernieres_realisations #contener #texte2 h3{font-size:1em; margin-top:0px;color:#88A1B8;float:left;text-shadow: 0px 1px 1px #2a3947;}
.dernieres_realisations #contener #texte p, .dernieres_realisations #contener #texte1 p, .dernieres_realisations #contener #texte2 p{font-size:0.9em;color:#2a3947;}
.dernieres_realisations #contener #texte p a, .dernieres_realisations #contener #texte1 p a, .dernieres_realisations #contener #texte2 p a{font-size:0.9em;color:#718AA3;text-decoration:none;}
.dernieres_realisations #contener #texte p a:hover, .dernieres_realisations #contener #texte1 p a:hover, .dernieres_realisations #contener #texte2 p a:hover{color:#7E91A3;border-bottom:1px dashed #2a3947;}
.dernieres_realisations #contener #texte h3, .dernieres_realisations #contener #texte1 h3, .dernieres_realisations #contener #texte2 h3, .dernieres_realisations #contener #texte p, .dernieres_realisations #contener #texte1 p, .dernieres_realisations #contener #texte2 p{display:inline;}



<div class="dernieres_realisations">
		<img src="images/dernieres_realisations.jpg" alt="les dernières réalisations"/> 
			<div id="contener">
				<div id="texte">	
					<h3>20.01.12 : </h3>
					<p>&nbsp;Réalisations du site <a href="site2/">RestoChezVous</a> lors d'un projet scolaire.</p>
				</div>
				<div id="texte1">	
					<h3>22.01.12 : </h3>
					<p>&nbsp;Mise en ligne du <a href="https://germaingilbert.fr/"> nouveau site.</a></p>
				</div>
				<div id="texte2">	
					<h3>23.01.12 : </h3>
					<p>&nbsp;Réalisations du site <a href="#">Menuiserie Richard.</a> </p>
				</div>
				<br>
			</div>	


	</div>
0
AssassinTourist Messages postés 6029 Date d'inscription   Statut Contributeur Dernière intervention   1 312
 
Bonjour,

Si jamais texte, texte1 et texte2 ont les mêmes propriétés, il faut plutôt utiliser les classes, elles sont là pour ça...
Sinon, ammmmmine te disait de mettre la style inline sur la balise div et non sur p.
0
lunagato Messages postés 230 Date d'inscription   Statut Membre Dernière intervention   6
 
ok merci beaucoup, je vais tester
0