お世話になります。

ブログで「マイスピー」という登録フォームを設置したのですがこれを変えたいです。マイスピーのHTMLをそのままいれるとこうなります。（上）

<link rel="stylesheet" type="text/css" href="https://my56p.com/p/format_css?item_id=3Ouywkkg&format=div&form_align=center&label_align=&radio_float=0&checkbox_float=0&label_width=280&input_width=280&theme_name=3_7&ver=3" />
<link rel="stylesheet" type="text/css" href="https://my56p.com/p/mobile_css?item_id=3Ouywkkg&format=div&form_align=center&label_align=&radio_float=0&checkbox_float=0&label_width=280&input_width=280&theme_name=3_7&ver=3" />

<div class="content_title">
<h2>ズボラ女通信</h2>
</div>

<div class="content_form">
<form action="https://my56p.com/p/r/3Ouywkkg" enctype="multipart/form-data" id="UserItemForm" class="myForm" method="post" accept-charset="utf-8">
<input type="hidden" name="_method" value="POST"/>

<!-- 姓 -->
<div class="input text input_unit required">
<div class="my_column my_left">
<div class="label_frame">
<label for="Username1" class="form_input_label required">姓</label>
</div>
</div>
<div class="my_column my_right">
<input name="data[User][name1]" id="Username1" value="" class=" required" type="text"/>
</div>
</div>

<!-- メールアドレス -->
<div class="input text input_unit required">
<div class="my_column my_left">
<div class="label_frame">
<label for="Usermail" class="form_input_label required">メールアドレス</label>
</div>
</div>
<div class="my_column my_right">
<input name="data[User][mail]" id="Usermail" value="" class=" required" type="text"/>
</div>
</div>

これをこういう風に直したいんです（下）が何か方法はありますか？教えてください。