Final results text wrap breaks words

[MarieCurie00]

Hi, I'm using ExtentReports.2.41.0 (I'm very new to this API and to CSS in generally) I've tried to fix this problem of breaking words (when wrapping text) with several ways, but without any satisfying results :( In extent-config.xml under styles i've tried some common techniques such as word-wrap: normal; but it seems to me that thought it worked in my standalone code, it didn't work in extent-config.xml i have verified that other changes of mine worked, such as the red color

<!-- custom javascript -->
<scripts><![CDATA[
            $(document).ready(function() {
                $('.logo-content').attr('href', '#');
                $('.logo-content > span').html('<b>Fawkes</b>');
                $('.logo-content').attr('class', 'fawkesOverride');
            });
        ]]></scripts>
<!-- custom styles -->
<styles >
    * { 
        color:red;
        word-wrap: normal;
        }
<![CDATA[

        ]]></styles>

Could you please advise how to make the lines break on white spaces, but not on words when wrapping text, Thank you!

[MarieCurie00]

fixed it: .test-name, .category-name { word-break: keep-all !important; }