title: p:fileupload how to set file name width?
body: <p>Now I am using primefaces fileupload. I set width to fileupload. But when selecting long file names, filename is overflow. Like 
  <img src="https://i.stack.imgur.com/HVB7K.png" alt="enter image description here"></p>
  
  <p>How to solve this??? My css is</p>
  
  <pre><code>.ui-panelgrid tr,.ui-panelgrid td {
      border: none;
  }
  
  .ui-fileupload .cancel {
      display: none;
  }
  
  .ui-fileupload .progress {
      display: none;
  }
  
  .ui-widget-content {
      background: none;
      border: 1px solid #A8A8A8;
      color: #4F4F4F;
  }
  
  .ui-widget-header {
      background: none;
      border: none;
      color: #333333;
      font-weight: bold;
      text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);
      width: 450px;
  }
  
  .fileupload-content {
      padding: 0.2em 0.4em;
  }
  
  .fileupload-with {
      width: 600px;
  }
  </code></pre>