안녕하세요 교재 249쪽 오픈 챌린지 설문지를 만들던 도중 궁금한 점이 생겨 질문하게 되었습니다.
아래는 제 코드입니다.
<!DOCTYPE html>
<html>
<head>
<title>소프트웨어 기술 선호에 관한 설문지</title>
<link rel="stylesheet" type="text/css" href="파일이름.css">
</head>
<body>
<p>시험용</p>
<div id="one">
<span style="text-align : center;">설문지</span>
<p id="co">소프트웨어 기술에 대한 의견을 듣습니다. 많은 참여 부탁드립니다.</p>
</div>
<div id="info">
<form>
학년 <input type="radio" value="1" name="grade" checked>1학년 <input type="radio" value="2" name="grade">2학년
<input type="radio" value="3" name="grade">3학년
<br>
성별 <input type="radio" value="1" name="gender">남 <input type="radio" value="2" name="gender">여
<br>
관심분야 <select name="int" list="interest">
<option name="inter" value="1">모바일 소프트웨어</option>
</select>
<br>
진로 <input type="radio" name="road" value="1" checked>개발 <input type="radio" name="road" value="2">기획
<input type="radio" name="road" value="3">영업 <input type="radio" name="road" value="4">창업
<br>
남기고 싶은 말 <textarea cols="7" rows="10">글을 남겨주세요.</textarea>
</form>
</div>
<footer>
<p id="en"><br>Copyright 2019 by Kitae<br></p>
</footer>
</body>
</html>
분홍색 부분으로 되어 있는 p는 css파일에서 text-align : center;를 지정하면 가운데 정렬이 잘 됩니다.
그런데 주황색 부분에 있는 span은 text-align : center;를 지정해도 가운데정렬이 되지 않습니다.
그래서 혹시 블록태그인 div안에 들어있는 span의 디폴트 값이 인라인태그이기 때문인가 해서 span을 display : block;을 줬습니다.
그랬더니 제대로 가운데정렬이 되었습니다.
원래 span은 단독으로 text-align 프로퍼티를 지정하면 작동하지 않나요? 그것이 아니라면 제 코드에 문제가 있는 걸까요?