Title: Container Sizing/Spacing
Last modified: December 6, 2019

---

# Container Sizing/Spacing

 *  [nickring](https://wordpress.org/support/users/nickring/)
 * (@nickring)
 * [6 years, 5 months ago](https://wordpress.org/support/topic/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)](https://wordpress.org/support/users/sterndata/).
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcontainer-sizing-spacing%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 1 replies (of 1 total)

 *  Moderator [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * (@sterndata)
 * Volunteer Forum Moderator
 * [6 years, 5 months ago](https://wordpress.org/support/topic/container-sizing-spacing/#post-12213816)
 * Here? See [https://i.imgur.com/IzYehRo.png](https://i.imgur.com/IzYehRo.png)
 * [[
 * The issue is this CSS:
 *     ```
       .location-container {
           width: 100%;
           float: none;
           margin: 0 auto;
           max-width: 600px;
       }
       ```
   
 * You’ve put a max width on it that’s a bit too narrow. 700px works better.
 * **To add or override CSS:** use the “Additional CSS” option in the customizer._
   [https://codex.wordpress.org/CSS#Custom\_CSS\_in\_WordPress](https://codex.wordpress.org/CSS#Custom_CSS_in_WordPress)_
 * Learn to use the [Chrome Developer Tools](https://developers.google.com/web/tools/chrome-devtools/)
   or [Firefox Developer Tools](https://developer.mozilla.org/en-US/docs/Tools) 
   to help you see and test changes to your CSS.

Viewing 1 replies (of 1 total)

The topic ‘Container Sizing/Spacing’ is closed to new replies.

## Tags

 * [containers](https://wordpress.org/support/topic-tag/containers/)
 * [Sizing](https://wordpress.org/support/topic-tag/sizing/)
 * [spacing](https://wordpress.org/support/topic-tag/spacing/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 1 reply
 * 2 participants
 * Last reply from: [Steven Stern (sterndata)](https://wordpress.org/support/users/sterndata/)
 * Last activity: [6 years, 5 months ago](https://wordpress.org/support/topic/container-sizing-spacing/#post-12213816)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics