<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title> 노래방 </title>
<style>
    .name{color: red;}
</style>

</head>
<body>

    <h2>노래방 리스트</h2>
   
   
    디지몬 어드벤쳐 - Butter fly <div class="name">[TJ 25589, 금영40554]</div>

</body>
</html>


노래방 리스트 한번 쭉 만들어볼려고하는데 뉴비 처음부터 난관봉착했다

css 스타일에 name 으로 클래스 만들어서 뒤에 노래번호는 빨간글씨로 출력할려는데 저렇게하니까 자꾸 


디지몬 어드벤쳐 - Butter fly

[TJ 25589, 금영40554]

이렇게 띄워져서 나옴,, 뭐 줄바꿈안되게 디스플레이 : 인라인인가 이거랑 워드-브레이크인가? 이것도 한번 해봣는데 계속 저대로 나옴..

그냥 DIV태그 쓰는거 자체로 무조건 띄어쓰기 되는거임? 만약 한줄로 출력하고싶으면 어떻게 해야되여?