php with css

I uploaded a mod into my drupal based web site. But the format of the mod does not look so good and I want to use css to better format the content. This is what the mod looks like.


As you can see the column width is too narrow and the lines are wrapped in a horrible way. I would also like the liberty to have an authentic paypal button instead of this hyperlink (but we can address this later).

And this is what the php template code looks like :

> <form action="https://<?php echo variable_get('paypal_donations_service_url', 'www.sandbox.paypal.com'); ?>/cgi-bin/webscr" method="post" target="_blank" class="single-donation-form donation-form">
>   <div class="inner_content" >
>     <h3><?php echo t("Make " . $variables['item_name']); ?></h3>
>     <input name="landing_page" type="hidden" value="billing" />
>     <input name="cpp_cart_border_color" type="hidden" value="FF0000" />
>     <?php
>       if(!empty($variables['top_logo'])) {
>     ?>
>     <input name="cpp_header_image" type="hidden" value="<?php echo file_create_url($variables['top_logo']->uri, array('absolute' => TRUE))?>" />
>     <?php
>       }
>     ?>    <input name="cpp_payflow_color" type="hidden" value="D20137" />
>     <input name="business" type="hidden" value="<?php echo $variables['account_email']; ?>" />
>     <input name="cmd" type="hidden" value="_donations" />
>     <input type="hidden" name="notify_url" value="<?php echo $variables['notify_url']; ?>">
>     <input type="hidden" name="return" value="<?php echo $variables['return_url']; ?>"/>
>     <input name="item_name" type="hidden" value="<?php echo $variables['item_name']; ?>" />
>     <ul class="column">
>       <?php
>       for($i = 0 ; $i < count($variables['predefined_amounts']) ; $i++) {
>         echo '<li><input id="pre_single_' . $i . '" type="checkbox" class="donation-amount donation-single" value="' . $variables['predefined_amounts'][$i] . '" /> <label for="pre_single_' . $i . '">' . $variables['currency_sign'] . $variables['predefined_amounts'][$i] . '</label></li>';
>         }
>       ?>
>       <?php if( $variables['custom_amount_allowed'] == 1 ) { ?>
>       <li class="last"><?php echo t('Other').": ".$variables['currency_sign']; ?><input name="other" size="4" type="text" value="" class="other" /></li>
>       <?php } ?>
>       <input type="hidden" value="" name="amount" class="amount-holder"/>
>     </ul>
>     <input name="currency_code" type="hidden" value="<?php echo $variables['currency_code']; ?>" /><br />
>   </div>
>   <a href="#" class="donation-submit-button"><?php echo t($variables['submit_value']); ?></a>
> </form>

I have tried to solve this issue by adding a .css file by putting this line as the first line in the php file:

> <link rel="stylesheet" type="text/css" href="styles.css" />

and then, in the same directory, I have added the styles.css file which looks like this:

@charset "utf-8";
/* CSS Document */
.inner_content {
  width: 100%;
  margin:0 auto;
  text-align: center;
}
.inner_content.ul{

list-style:none;
white-space: nowrap;
}
ul > li{
display: inline-block;
}

#column{ width:100%;}

But this did not work and the display is not changed.

Please help