포스팅 시 text를 콘솔 입력처럼 표시하기

기술 블로그를 작성하다보니, 소스코드 외에 콘솔에 타이핑한 것을 표시할 일이 있다.
이를 위한 간단한 html tag는 다음과 같다.

간단한 console 명령을 표시할 때는 <span style="background-color: lightgray">npm install 0.10.35 </span> 과 같이 입력하면, npm install 0.10.35로 표시된다.

실제 console에 입력하는 듯한 효과는 아래처럼 입력하면 된다.

<div style="background-color: lightgray; margin-left: 20px; margin-right: 20px; padding-bottom: 8px; padding-left: 8px; padding-right: 8px; padding-top: 8px;">

/home/dark# mkdir myprj 
/home/dark# cd myprj 
/home/dark#myprj npm install 0.10.35 

</div>

그러면 아래와 같이 보인다.

/home/dark# mkdir myprj 
/home/dark# cd myprj 
/home/dark/myprj# npm install 0.10.35