title: want to make text in a line
body: <p>I have following markup: I want the text to be on the green background in a line . How can I achieve this? I have this kind of problem happen, what can I change so that in the future these types of problem not happen?</p>
  
  <pre><code>&lt;style type="text/css"&gt;      
  #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;
  }    
  &lt;/style&gt;
  
  &lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;How to use external cursor type using CSS&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div style="display: block;" id="tb_enter" class="gib_nav"&gt;
     &lt;div id="text"&gt;Enter Rahul Gib&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>