Retour a la ligne incontrôlable dans une div [Résolu]

Signaler
Messages postés
2483
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
23 avril 2021
-
Messages postés
2483
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
23 avril 2021
-
bonjour a tous
je suis occupé a styliser ma page
et je suis confronte a un soucis

voici le code css
 <style>
          	.information {
	color:#00BFFF;
	font-weight:bold;
	}
          
      </style>


lorsque j appelle ce style de cette façon
 <div class="col-lg">
         <?php    echo 'Ta ville est<div class="information">'. ($json->name).'</div>'  ; ?> 
                 </div>

cela se présente de cette façon
Ta ville est
gilly


par contre si je fais cela
 <div class="col-lg">
         <?php    echo '<div class="information">Ta ville est'. ($json->name).'</div>'  ; ?> 
                 </div>

cela est écrit sur la même ligne

ta ville est Gilly

mais du coup toute la ligne est stylisée
alors que je ne voudrais que la variable

1 réponse

Messages postés
31685
Date d'inscription
mercredi 2 mai 2007
Statut
Modérateur
Dernière intervention
23 avril 2021
7 580
Bonjour,

Tu pourrais utiliser la mise en emphase <em>
<html>
<head>
<style type="text/css">
.information {
	color:#00BFFF;
	font-weight:bold;
	}
.information2 {
	}
.information2 em {
	color:#00BFFF;
	font-weight:bold;
	font-style: normal;
}
</style>
</head>
<body>

Ta ville est <div class="information">Paris</div> 
<div class="information">Ta ville est Lille</div>

Ta ville est <em>Lyon</em> 

<div class="information2">Ta ville est Marseille</div>
<div class="information2">Ta ville est <em>Bordeaux</em></div>
Ta ville est <em>Nantes</em> 

</body>
</html>



Messages postés
2483
Date d'inscription
lundi 14 mars 2011
Statut
Membre
Dernière intervention
23 avril 2021
133
bonjour
un super très grand merci
cela a résolu mon soucis
un grand merci