스트라이크와 볼을 입력창 아래에 기록되게 하려면 어떻게 해야할까요?

var 기록 = document.createElement('div');

document.body.append('기록');

var text = '';

text 안에 스트라이크 볼 내용 넣고

기록.append(text)했는데 

출력은 되는데 

1234 - 1S 1B

3456 - 1S 1B

이런식이 아니라 

1234 - 1S 1B 3456 1S 1B 

이렇게 출력이 돼서 보기 불편해요

줄바꿈 하는 방법과 제 방법이 맞는지 더 효율적인 코드가 있다면 알려주세요!