文字を枠で囲みたい

以下の「テスト」のように、xmlで文字を囲む方法を友人から教えてもらったので、せっかくなのでメモに残しておく。

テスト

[テンプレート]-[HTMLの編集]で/* Headerを検索してその直前に以下を挿入

div.input-key {
　　border: 1px dashed #000000;
　　padding: 7px 10px;
　　background-color: #cccccc;
｝

borderは線の太さ、線の種類(今回は点線)、色を表していて、
paddingは最初の値が枠の外のインデント、2番目の値が文字のインデントを設定。
background-colorは枠の背景を指している。

これらの設定を任意で行って、本文で

<div class="input-key">テスト</div>

と記述すれば、枠が適用される。
コマンドとか囲むと見やすいので便利。