CSS Issue

Please look at http://davispipe.com/location-tulsa.html in either Firefox or Chrome.

Attached is page source & css.

How do I get the Edmond Information to appear in the blank space (which is big enough to hold it) immediately to the right of the block that starts with "OKLAHOMA'S LEADING WHOLESALE....."

I would like NOT to have to adjust the css in the css file since I don;t know what else it effects. I'd like to do it with inline css on the page. I have tried styling the width inline, it does the width I indicated but WILL NOT top align the referenced block.

Thanks
location-tulsa.html
style.css
Richard KortsAsked:
Who is Participating?
 
Tom BeckCommented:
(which is big enough to hold it)
Yeah, except that is is NOT big enough to hold it. You have the width of the first item set to 300px in the following css definition. That takes up the space you need for the Edmund information. Change 300px to 140px in style.css and it fits.

#main .container .feature_widgets .widget {
    float: left;
    margin-left: 0;
    margin-top: 0;
    width: 140px;
}

If you want to fix this with inline css so it does not affect other pages you will need to edit the first widget in the markup like this:

<div class="widget widget_text" style="width:140px">
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.