css - Trying to edit a php file to put it's content within a div -

so have php script on wordpress woo commerce site make top of page this: , when click link, this:

i want put whole content in div can add background , border , add h1 tag, edit css this: , this:

here php controls section:

<div class="login_section"> <?php /**  * checkout login form  *  * @author      woothemes  * @package     woocommerce/templates  * @version     2.0.0  */  if ( ! defined( 'abspath' ) ) {     exit; // exit if accessed directly }  if ( is_user_logged_in() || 'no' === get_option( 'woocommerce_enable_checkout_login_reminder' ) ) {     return; }  $info_message  = apply_filters( 'woocommerce_checkout_login_message', __( 'returning customer?', 'woocommerce' ) ); $info_message .= ' <a href="#" class="showlogin">' . __( 'click here login', 'woocommerce' ) . '</a>'; wc_print_notice( $info_message, 'notice' );</div> ?>  <?php     woocommerce_login_form(         array(             'message'  => __( 'if have shopped before, please enter details in boxes below. if new customer please proceed billing &amp; shipping section.', 'woocommerce' ),             'redirect' => wc_get_page_permalink( 'checkout' ),             'hidden'   => true         )     );  ?> </div> 

i'm complete beginner php, question is, put div , h1 tag able achieve attempting?

i hope have given enough info!

thanks much

edit********************* tried putting whole thing inside div, works in browsers except safari, displays below inside div (as if there no tag @ all.

so i'm still not sure should put div tags correctly. ideas?

you should make new class , add in or remove login_section , add new yours. create in style.css in wordpress folder principal.