Container Sizing/Spacing

Hello,
I am working with a website theme created by the previous developer. My boss asked me to change the locations listed underneath a video banner in the header on the home page. When I go to change the text (I’m only adding one character), but that bumps the last word of text to the next line below. I want to keep all of the text inline.

When finished it should read:
Washington, DC . Atlanta . Los Angeles

<div class="intro-text" style="display: block;float: left;width: 100%;bottom:0px;position:absolute;">
                        <div class="container">
                            <div class="location-container">
                                <div class="location-list" style="color: white;">
                                    <div class="location">
                                        Malibu
                                    </div>  
                                    <div class="dot"></div> 
                                    <div class="location">
                                        Los Angeles 
                                    </div>
                                    <div class="dot"></div> 
                                    <div class="location">
                                        Washington, DC
                                    </div>
                                </div>
                            </div>
                        </div>            
                    </div>

• This topic was modified 6 years, 5 months ago by Steven Stern (sterndata).

The page I need help with: [log in to see the link]