Retour a la ligne incontrôlable dans une div

Résolu

flexi2202 Messages postés 3640 Date d'inscription Statut Membre Dernière intervention -
flexi2202 Messages postés 3640 Date d'inscription Statut Membre Dernière intervention - 23 avr. 2021 à 19:29

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

Afficher la suite

1 réponse

jee pee Messages postés 9440 Date d'inscription Statut Modérateur Dernière intervention 9 978

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>

flexi2202 Messages postés 3640 Date d'inscription Statut Membre Dernière intervention 190

bonjour
un super très grand merci
cela a résolu mon soucis
un grand merci
0

Retour a la ligne incontrôlable dans une div

1 réponse

Discussions similaires

Newsletters