HTML 띄어쓰기 (공백) 하는법

&nbsp

를 사용하면된다.

 

Next.js 에 부트스트랩 사용중에 Nav바에서 a태그에 띄어쓰기 없이 붙어있는 현상이 발생했다.

 

<Link href="/">
          <a className='navmenu'>카테고리검색 &nbsp;</a>
        </Link>
    <Link href="/index2">
          <a className='navmenu'>키워드검색 &nbsp;</a>
        </Link>
    <Link href="/SearchResult">
          <a className='navmenu'>검색결과 &nbsp;</a>
        </Link>
    <Link href="/SearchTextResult">
          <a className='navmenu'>텍스트검색결과 &nbsp;</a>
        </Link>

하지만 이와같이 a태그안에 공백을 넣어준결과

 

이와같이 사용할 수 있게됨