html - Why is my text wrapping onto a second line? -

i'm trying text aligned. however, it's not expanding when there's long caption or description. below have..

screenshot:

"the forum" fine, "subscribe today!" isn't staying on 1 line "the forum." happens when there's long text. also, same thing description.

html:

<div class="hotcampaign-container">     <a href="' . $item['url'] . '">         <div id="campaigns_image">             <img src="' . $item['image_url'] . '" align="left" alt="' . $item['caption'] . '" />     </a>    </div>     <div id="campaigns_caption">' . $item['caption'] . '</div>     <div id="campaigns_desc">' . $item['desc'] . '</div>     <div id="campaigns_link">         <a href="' . $item['url'] . '">             <div align="right">more info &raquo;</div>         </a>         </p>     </div> <br /> </div> 

div id's css:

#campaigns_image {     padding: 0px 10px 10px; } #campaigns_caption {     padding: 0px 177px 0px;     font-weight: bold; } #campaigns_desc {     padding: 0px 177px 0px; } #campaigns_link {     padding: 0px 10px 0px; } 

try

#campaigns_caption{     padding: 0px 177px 0px;     font-weight: bold;     width:auto;     min-width:300px;//some px according te scenario }