title: How to increase Page Width with the Help of CSS?
body: <p>Please Have a look i am showing a List of record in a page and each list item have a menu also </p>
  
  <p><strong>Image1</strong></p>
  
  <p>It is showing fine in page 
  <img src="https://i.stack.imgur.com/mYEnS.png" alt="Displaying all menu item"></p>
  
  <p><strong>Image2</strong></p>
  
  <p><img src="https://i.stack.imgur.com/hBrsR.png" alt="Not displaying all items"></p>
  
  <p>Here you can check all menu item is not displaying because this is the last item of List. Can someone suggest how to increase page height in second case</p>
  
  <p><strong>EDIT:</strong></p>
  
  <p>After adding below css code</p>
  
  <pre><code>.dropdown-menu {
    position: relative;
  
  }
  </code></pre>
  
  <p>Page look like this</p>
  
  <p><img src="https://i.stack.imgur.com/HO7vI.png" alt="enter image description here"></p>
  
  <p><strong>EDIT 2:</strong></p>
  
  <p>CSS Used</p>
  
  <pre><code>.dropdown-menu.pull-right {
      right: 0px;
      left: auto;
  }
  .pull-right {
      float: right;
  }
  .pull-right {
      float: right !important;
  }
  .dropdown-menu {
      position: absolute;
      top: 100%;
      left: 0px;
      z-index: 1000;
      display: none;
      float: left;
      min-width: 160px;
      padding: 5px 0px;
      margin: 2px 0px 0px;
      list-style: outside none none;
      font-size: 13px;
      background-color: #FFF;
      border: 1px solid rgba(0, 0, 0, 0.15);
      border-radius: 0px;
      box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
      background-clip: padding-box;
  }
  ul, ol {
      margin-top: 0px;
      margin-bottom: 9px;
  }
  * {
      box-sizing: border-box;
  }
  </code></pre>