Dealing with Orphans

HTML

<!-- normal -->
<p>From party dresses to parade-watching looks, check out these red, white and chic styles for the most fashionable Fourth of July outfit.</p>

<!-- using non-breaking white space -->
<!-- preferred method -->
<p>From party dresses to parade-watching looks, check out these red, white and chic styles for the most fashionable Fourth of July&nbsp;outfit.</p>

<!-- use span and css property of white-space:nowrap -->
<!-- not preferred but occassionally helpful on responsive layouts -->
<p>From party dresses to parade-watching looks, check out these red, white and chic styles for the most fashionable Fourth of <span>July outfit</span>.</p>

CSS

p {
    font-size:1em;
    line-height:1.5em;
    margin:2em 2em 0;
}

@media screen and (min-width: 18.3em) {

    p {
        font-size:1.8em;
        line-height:1.8em;
        width:18.3em;
    }

    span {
        white-space: nowrap;
    }
    
}