[HTML] 공백 삽입하기 (띄어쓰기)

HTML에서 공백(스페이스, 띄어쓰기) 삽입하기

HTML태그에 아무리 키보드로 여러 개의 스페이스를 입력해도

브라우저에는 하나의 공백만 표현 된다.

그렇다면, 화면에 여러개의 공백을 표현하기 위해서는 어떻게 해야 할까?

HTML에서 여러개의 공백을 표현하기 위해서는 

&nbsp 라는 태그를 사용한다.

&nbsp

nbsp는 'Non-breaking Space'의 약자이다.

HTML에서 여러개의 공백을 표현하고 싶다면

표현하고자 하는 공백의 갯수만큼   를 추가해 주면 된다.

아래의 예제를 통해 확인해 보자.

See the Pen html example by anna (@hianna) on CodePen.

위의 예에서 보는 것과 같이

nbsp 태그를 활용하여 여러 개의 공백을 표현할 수 있다.