2010-11-25 8 views
1

J'ai le balisage suivant: Je veux que le texte soit sur le fond vert dans une ligne. Comment puis-je atteindre cet objectif? J'ai ce genre de problème, que puis-je changer pour qu'à l'avenir ces types de problèmes ne se produisent pas?voulez faire du texte dans une ligne

<style type="text/css">  
#tb_enter {  
} 
.gib_nav { 
    background-color:green; 
    background-position:0 0; 
    background-repeat:no-repeat; 
    border:medium none; 
    cursor:pointer; 
    display:none; 
    float:right; 
    height:324px; 
    position:relative; 
    width:25px; 

} 
#text{ 
margin-top:100px; 
-moz-transform: rotate(-270deg);  
width:25px; 
}  
</style> 

<html> 
<head> 
<title>How to use external cursor type using CSS</title> 
</head> 
<body> 
<div style="display: block;" id="tb_enter" class="gib_nav"> 
    <div id="text">Enter Rahul Gib</div> 
</div> 
</body> 
</html> 

Répondre

0

Retirez la spécification largeur de votre classe .gib_nav. Cela permettra au texte contenu de pousser la largeur de la div si nécessaire.

Exemple:

http://jsfiddle.net/VaY84/

Edit:

(voir commentaires) auteur de la question cherchait white-space: nowrap; attribut de style CSS pour rendre le texte dans l'affichage div sur une seule ligne, plutôt que emballage à plusieurs lignes.

+0

@Brandon ceci ne vient pas d'écrire – XMen

+1

expliquez ce que vous entendez par "venir écrire" et peut-être que je peux vous aider. –

+0

le texte devrait venir verticalement au milieu de la bande verte – XMen

Questions connexes