title: How to Fix text in Html with CSS
body: <p>How I can to fixed Text(for example  ) in html or with css?
  I use this code for my own website sidebar, but when I write long text <code>&lt;span&gt;</code> Comes down in this code 12 oct 2016 comes down 
   I use <code>display: inline-block</code> but this css code not avail..</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.widgetbox{
   border:1px solid rgba(0,0,0,0.2);
   box-shadow:2px 2px 2px rgba(0,0,0,0.1);
   border-radius:3px;
  }
  .widgetbox .widgetboxTitle{
   background: rgba(0, 0, 0, 0.3);
   padding:5px 10px;
  }
  .widgetbox .contentarea{
   padding:7px;
   }
  .widgetbox .newslist {
   margin-bottom: 15px;
  }
  .widgetbox .newslist img {
   border:1px solid rgba(0, 0, 0, 0.1);
   border-radius: 3px;
   float: right;
   margin: 0 0 0 5px;
  }
  .widgetbox .newslist h3 {
   font-size: 14px;
  }
  .widgetbox .newslist span{
   color: rgba(0, 0, 0, 0.4);
   display: inline-block;
  
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="widgetbox"&gt;
   &lt;div class="widgetboxTitle"&gt;
   &lt;h4&gt;News&lt;/h4&gt;
   &lt;/div&gt;
   &lt;div class="contentarea"&gt;
  &lt;div class="newslist"&gt;
   &lt;img src="http://s9.picofile.com/file/8272330300/last_tech2.jpg" alt="ASUS"&gt;
   &lt;h3&gt;New Lap top&lt;/h3&gt;
   &lt;span&gt;12 oct 2016&lt;/span&gt;
  &lt;/div&gt;
     &lt;/div&gt;
   &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>