# html

- 해당부분이 출력되는 소스입니다.

 

        <tbody>
            <tr loop="$v[fields] as $k2 => $v2">
                <th>{$v2[fieldName]} <span class="myreg-A-required" cond="$v2[fieldImportant]==1">*</span></th>
                <td>{$v2[fieldTag]} <span class="myreg-A-form-info" cond="$v2[fieldComment]">{$v2[fieldComment]}</span></td>
            </tr>
        </tbody>

 

 

# css

- 해당부분의 css 입니다.

 

<style>
    .myreg-A-title {margin:0 0 10px; font-size:15px; font-weight:bold; text-align:left;}
    .myreg-A-mgt {margin-top:40px;}

    .myreg-A-form {width:100%; border-top:2px solid #a5a5a5; border-bottom:1px solid #a5a5a5; background:#fff; border-collapse:separate; border-spacing:0; table-layout:fixed;}
    .myreg-A-form + .myreg-A-form {margin-top:40px;}
    .myreg-A-form caption {margin-bottom:10px;font-size:15px; font-weight:bold; text-align:left;}
    .myreg-A-form tbody tr th {position:relative; height:30px; padding:10px; border-top:1px solid #ddd; background:#fff; font-size:13px; color:#333333; line-height:20px;}
    .myreg-A-form tbody tr th:after {content:''; display:block; position:absolute; top:0; right:0; width:1px; height:15px; background:#ddd;}
    .myreg-A-form tbody tr td {height:30px; padding:10px; border-top:1px solid #ddd; background:#fff; font-size:13px; color:#666; line-height:22px;}
    .myreg-A-form tbody tr:first-child th, .myreg-A-form tbody tr:first-child td {border-top-width:0;}
    .myreg-A-form tbody tr td > input[type=text],
    .myreg-A-form tbody tr td > input[type=number],
    .myreg-A-form tbody tr td > input[type=password] {box-sizing:border-box; max-width:100%; height:30px; margin:2px 0; padding:0 5px; border:1px solid #ddd; font-family:'Malgun Gothic',sans-serif; font-size:13px; vertical-align:middle;}
    .myreg-A-form tbody tr td > input[type=radio],
    .myreg-A-form tbody tr td > input[type=checkbox] {margin:0 5px 0 0;}
    .myreg-A-form tbody tr td > textarea {box-sizing:border-box; margin:2px 0; padding:10px; border:1px solid #ddd; font-family:'Malgun Gothic',sans-serif; line-height:22px; vertical-align:middle;}
    .myreg-A-form tbody tr td > select {height:30px; margin:2px 0; font-family:'Malgun Gothic',sans-serif; vertical-align:middle;}
    .myreg-A-form tbody tr td > a,
    .myreg-A-form tbody tr td > input[type=button] {box-sizing:border-box; display:inline-block; position:relative; height:30px; margin:2px 0 2px 5px; padding:0 15px; border-radius:3px; background:#dfdfdf; font-family:'Malgun Gothic',sans-serif; font-size:12px; color:#5f5f5f; font-weight:bold; line-height:30px; vertical-align:middle; cursor:pointer;}
    .myreg-A-form a:hover:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:rgba(0, 0, 0, .05);}
    .myreg-A-form label {margin-right:45px; cursor:pointer;}
    .myreg-A-form .myreg-A-form-info {display:block; margin-top:5px; color:#888888;}
    .myreg-A-form .myreg-A-required {color:#ef0000;}
    .myreg-A-form #total_price_str {vertical-align:top;}

 

 

display:block

->

display:inline-block

 

으로 변경하시면 한줄로 출력되게 됩니다.

 

 

# 추가설명

설명 항목 전체에 적용이 되므로 아래에 있는 '500MB이하로 업로드 가능합니다.' 항목도 우측으로 출력됩니다.