HTML에서 특정 텍스트가 줄바꿈되지 않도록 하려면 <nobr> 태그를 사용합니다. <nobr> 태그는 브라우저에게 해당 텍스트를 임의로 줄바꿈하지 말라고 지시하는 역할을 합니다.
<nobr> 태그와 <wbr> 태그의 관계
<nobr> 태그는 보통 <wbr>(word break opportunity) 태그와 함께 사용됩니다. <wbr> 태그는 줄바꿈이 불가능한 긴 텍스트 흐름 속에서 브라우저가 줄바꿈을 삽입해도 되는 위치를 알려주는 역할을 합니다.
항상 강제로 줄바꿈을 일으키는 <br> 태그와 달리, <wbr> 태그는 <nobr> 태그로 감싸진 영역 안에 있을 때만 동작하며, 현재 줄이 이미 브라우저 화면의 경계를 넘어선 경우에만 줄바꿈을 발생시킵니다.
예제
다음 코드를 실행하면 HTML에서 감싸진 텍스트의 줄바꿈을 허용하지 않는 방법을 확인할 수 있습니다.
<!DOCTYPE html> <html> <head> <title>HTML nobr Tag</title> </head> <body> <nobr>This is a very long sequence of text that is forced to be on a single line, even if doing so causes <wbr /> the browser to extend the document window beyond the size of the viewing pane and the poor user must scroll right <wbr /> to read the entire line. </nobr> </body> </html>
참고: 최신 웹 개발에서의 대안
<nobr> 태그는 표준이 아니며 현재는 더 이상 권장되지 않는(deprecated) 요소입니다. 따라서 최신 웹 개발에서는 CSS의 white-space: nowrap; 속성을 사용하는 것이 좋습니다.
<p style="white-space: nowrap;">이 텍스트는 줄바꿈되지 않습니다.</p>
CSS 방식은 모든 최신 브라우저에서 일관되게 동작하며, HTML 구조와 스타일을 분리할 수 있어 유지보수 측면에서도 훨씬 유리합니다.