selectbox 정렬
select 박스안의 텍스트들은 기본적으로 왼쪽 정렬이지만, 오른쪽 정렬도 가능합니다.
아래는 간단한 샘플입니다.
샘플 1)
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>SELECT BOX 정렬</TITLE>
</HEAD>
<BODY>
<table style="width:500px;">
<tbody>
<tr >
<th scope="row">분류선택</th>
<td colspan="3">
<select style='width:50%float:left;' name="sel1" class="frm_input required" required >
<option value="">선택</option>
<option value="선택1">선택1</option>
<option value="선택2">선택2</option>
</select>
<select style='width:49%;float:right;' name="sel2" class="frm_input required" required >
<option value="">선택</option>
<option value="선택3">선택3</option>
<option value="선택4">선택4</option>
</select>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>
샘플 2)
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
</HEAD>
<BODY>
<table style="width:500px;">
<tbody>
<tr >
<th scope="row">분류선택</th>
<td colspan="3">
<span style="width:50%float:left;">
<select name="sel1" class="frm_input required" required >
<option value="">선택</option>
<option value="선택1">선택1</option>
<option value="선택2">선택2</option>
</select>
</span>
<span style="width:50%;float:right;">
<select name="sel2" class="frm_input required" required >
<option value="">선택</option>
<option value="선택3">선택3</option>
<option value="선택4">선택4</option>
</select>
</span>
</td>
</tr>
</tbody>
</table>
</BODY>
</HTML>