/ / एक पंक्ति में पाठ बनाना चाहते हैं - html, सीएसएस

एक पंक्ति में पाठ बनाना चाहते हैं - html, सीएसएस

मेरे पास निम्नलिखित मार्कअप हैं: मैं चाहता हूं कि पाठ एक पंक्ति में हरे रंग की पृष्ठभूमि पर हो। इसे कैसे प्राप्त किया जा सकता है? मुझे इस तरह की समस्या है, मैं क्या बदल सकता हूं ताकि भविष्य में इस प्रकार की समस्या न हो?

<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>

उत्तर:

जवाब के लिए 0 № 1

चौड़ाई विनिर्देश अपने पर निकालें .gib_nav कक्षा। यह निहित पाठ को आवश्यक रूप से div की चौड़ाई को बाहर करने की अनुमति देगा।

उदाहरण:

http://jsfiddle.net/VaY84/

संपादित करें:

(टिप्पणियाँ देखें) प्रश्न के लेखक की तलाश थी white-space: nowrap; सीएसएस शैली विशेषता को कई लाइनों में लपेटने के बजाय केवल एक लाइन पर डिव डिसप्ले के भीतर बना देती है।