title: How to display ul as inline-block?
body: <p>How to align bottom menu in one row, no matter what screen size is? I tried to put <code>display: inline-block</code>, but it's not working on my side.</p>
  
  <p>Here's the CSS</p>
  
  <pre><code>footer #middle-footer{
   background: #F6F6F6;
   color: #000;
   font-size: 14px;
   font-weight: 300;
   padding: 50px 0 10px 0;
   text-align: center;
   left: 0;
   bottom: 0;
   width: 100%;
   height: auto;
   display: inline-block;
  }
  .bottom-menu ul{
   list-style-type: none;
   letter-spacing: 0.19px;
   font-size: 14px;
   }
  .bottom-menu ul li{
   display: inline-block;
   font-family: 'Open Sans Bold', sans-serif;
   line-height: 1.8;
  }
  .footer-mobile-version{ display: inline-block; }
  </code></pre>
  
  <p>Here's the link, <a href="http://mobiletest.me/sony_xperia_z2/2569987" rel="nofollow">http://mobiletest.me/sony_xperia_z2/2569987</a></p>