[font-awesome] 모든 글리프의 너비가 동일한 지 어떻게 확인합니까?

동일한 글꼴 크기에서도 표준 너비가 없다는 것을 알았습니다. 단어가 들쭉날쭉하지 않도록 항목 목록 앞에 어떻게 사용할 수 있습니까?

문제의 스크린 샷 :

다음은 코드입니다.

<ul id="myTab">
    <li class="active"><a href="#home"><i class="icon-tasks"></i> Proposal</a></li>
    <li><a href="#video"><i class="icon-film"></i> Videos</a></li>
    <li><a href="#asset"><i class="icon-paper-clip"></i> Assets</a></li>
    <li><a href="#payment"><i class="icon-credit-card"></i> Payment</a></li>
    <li><a href="#history"><i class="icon-calendar empty"></i> History</a></li>
</ul>

답변

li [class^="icon-"], .nav li [class^="icon-"],
li [class*=" icon-"], .nav li [class*=" icon-"] {
    display: inline-block;
    width: 1.25em;
    text-align: center;
}

> .fa { transform: scale(1.5,1); }