<div> 가운데 정렬 하는 법

<div></div>를 

<center></center>태그로 감싼다.

 

예시

			<center>
				<!-- 검색 시작 -->
				<div class="w3-container" >
					
					<form action="getBoardList.do" method="post" >
						<table style="text-align: center; width:580px;  height: 100px;">
							<tr>
								<td><input name="searchKeyword" placeholder=" #음식이나 재료를 입력해보세요 !  #감자 #참치 #돼지고기" class="w3-input w3-border w3-round-large" type="text" /> </td>
							</tr>
							<tr>
								<td><input type="submit"  class="w3-button w3-round-large w3-dark-gray" value=" 검 색 " /></td>
							</tr>
						</table>
					</form>
				</div>
			</center>