番号付きリスト(olタグ)が複数行になるときの整形

olタグを使って番号付きの箇条書きを使うとき、どうしても複数行になって

しまう。
番号つきリストだけ左に突き出て、文章は一列に整列してほしいなーって思うところなので、
その方法のメモ

ただ、完璧じゃなくてブラウザによってちょっと誤差があるのが悩みどろこだなー(・−・)

/* css部分 */
ol {
 padding-left: 15px;
}
ol li {
 list-style-position: inside;
 text-indent: -15px;
}

<!-- html部分 -->
<!-- html部分 -->
<ol>
  <li>テキストテキスト<br>テキストテキスト</li>
  <li>テキストテキスト<br>テキストテキスト</li>
  <li>テキストテキスト<br>テキストテキスト</li>
</ol>