title: Word Break/ Word Wrap not working in jsf panel
body: <p>I have a jsf page with 3 panels and each panel and columns are assigned css as below. I gave word wrap to each column b but sometimes word wrap does not work. I tried giving a width = 33% for each induvidual panel but still didnt seem to work. Can anyone help me on this?</p>
  
  <pre><code>&lt;ui:composition xmlns="http://www.w3.org/1999/xhtml"
              xmlns:ui="http://java.sun.com/jsf/facelets"
              xmlns:h="http://java.sun.com/jsf/html"
              xmlns:p="http://primefaces.org/ui"
              xmlns:f="http://java.sun.com/jsf/core"&gt;
  &lt;style&gt;
      .shadowpanel.ui-panel .ui-panel-content {
          border-radius: 5px;
          background: #E6ECF0;
          box-shadow: 5px 5px 5px #888888;
      }
      .ui-chkbox-box
      {
          background: white !important;
      }
      .columnA{} 
      .columnBwithwordBreak{
          width:60%; 
          word-wrap: break-word;
      }
  &lt;/style&gt;
  &lt;p:panel styleClass="shadowpanel" style="border: none"&gt;
      &lt;h:panelGrid columns="3" styleClass="topVerticalAlign" &gt;
          &lt;h:panelGrid&gt;
              &lt;p:panelGrid style="width: 100%;font-size: 15px;"&gt;
                  &lt;p:row&gt;
                      &lt;p:column style="text-align: center;font-weight: bold;"&gt;
                          &lt;h:outputText value="Dump Header" style="color: #1484e6 "/&gt;
                      &lt;/p:column&gt;
                  &lt;/p:row&gt;
              &lt;/p:panelGrid&gt;
              &lt;h:panelGrid columns="2" style=""  columnClasses="columnA,columnBwithwordBreak"&gt;
                  &lt;h:outputText style="font-weight: bold;white-space: pre" value="Sequence ID of Dump :  "   /&gt;
                  &lt;h:outputText style="" value="#{postProcessedDump.getRegisterData().headVal.get(0)}"  styleClass="courierFont" /&gt;
  
                  &lt;h:outputText style="font-weight: bold;white-space: pre" value="Dump Date:  "   /&gt;
                  &lt;h:outputText style="" value="#{postProcessedDump.getRegisterData().headVal.get(1)}"  styleClass="courierFont" /&gt;
  
                  &lt;h:outputText style="font-weight: bold;white-space: pre" value="Dump Time:  "   /&gt;
                  &lt;h:outputText style="" value="#{postProcessedDump.getRegisterData().headVal.get(2)}"  styleClass="courierFont" /&gt;
              &lt;/h:panelGrid&gt;
          &lt;/h:panelGrid&gt;
          &lt;h:panelGrid&gt;
              &lt;p:panelGrid style="width: 100%;font-size: 15px;"&gt;
                  &lt;p:row&gt;
                      &lt;p:column style="text-align: center;font-weight: bold;"&gt;
                          &lt;h:outputText value="Cover Page" style="color: #1484e6 "/&gt;
                      &lt;/p:column&gt;
                  &lt;/p:row&gt;
              &lt;/p:panelGrid&gt;
              &lt;h:panelGrid columns="2" style=""  columnClasses="columnA,columnBwithwordBreak" &gt;
                  &lt;h:outputText style="font-weight: bold;white-space: pre" value="Size of SVM:  "   /&gt;
                  &lt;h:outputText style="" value="#{postProcessedDump.getRegisterData().svm}"  styleClass="courierFont" /&gt;
  
                  &lt;h:outputText style="font-weight: bold;white-space: pre" value="Number of Active I Streams:  "   /&gt;
                  &lt;h:outputText style="" value="#{postProcessedDump.getRegisterData().aci}"   styleClass="courierFont"/&gt;
  
              &lt;/h:panelGrid&gt;
          &lt;/h:panelGrid&gt;
          &lt;h:panelGrid style="" styleClass="topVerticalAlign"&gt;
              &lt;h:panelGrid&gt;
                  &lt;p:panelGrid style="font-size: 15px; width:100%;"&gt;
                      &lt;p:row&gt;
                          &lt;p:column style="text-align: center;font-weight: bold;"&gt;
                              &lt;h:outputText value="General Registers" style="color: #1484e6 "/&gt;
                          &lt;/p:column&gt;
                      &lt;/p:row&gt;
                  &lt;/p:panelGrid&gt;
                  &lt;h:panelGrid columns="8" style=""  columnClasses="columnA,columnBwithwordBreak,columnA,columnBwithwordBreak,columnA,columnA,columnBwithwordBreak,columnA" &gt;
                      &lt;h:outputText style="font-weight: bold;white-space: pre" value="R0:"   /&gt;
                      &lt;p:commandLink style="color: #1484e6" action="#{coverPageProcess.newReg}" update="currentRegisterValue,regName"  value="#{postProcessedDump.getRegisterData().regValues[0]}"&gt;
                          &lt;f:setPropertyActionListener target="#{registerData.selectedRegister}" value="R0" /&gt;
                      &lt;/p:commandLink&gt;
  
                      &lt;h:outputText style="font-weight: bold;white-space: pre" value="R1:"   /&gt;
                      &lt;p:commandLink style="color: #1484e6" action="#{coverPageProcess.newReg}" update="currentRegisterValue,regName" value="#{postProcessedDump.getRegisterData().regValues[1]}"&gt;
                          &lt;f:setPropertyActionListener target="#{registerData.selectedRegister}" value="R1" /&gt;
                      &lt;/p:commandLink&gt;
                  &lt;/h:panelGrid&gt;
              &lt;/h:panelGrid&gt;
          &lt;/h:panelGrid&gt;
      &lt;/h:panelGrid&gt;
  &lt;/p:panel&gt;
  &lt;/ui:composition&gt;
  </code></pre>