Изменение размера тега в HTML

Question

Я хочу иметь один и тот же размер для 3-х контейнеров определяется следующим образом:

<div class="workingItemContainer"> 
       <div id="workingItemContainer" runat="server"> 
        <a class="workingItem" runat="server" id="workingQuoteAnchor"> 
         <%=quoteNumberAnchor%></a> 
        <br /> 
        <a class="workingItem" runat="server" id="workingPOMAnchor"> 
         <%=pomNumberAnchor%></a> 
        <a class="workingItem" runat="server" id="workingProdCancelAnchor"> 
         <%=prodCancelNumberAnchor%></a> 
       </div> 

Это код код в CSS, который реализует фон и шрифт:

.workingItemContainer { 
    text-align: center; 
} 

    .workingItemContainer div { 
     display: inline-block; 
     background-color: #ff9900; 
    } 

Если я показываю workingQuoteAnchor, он отличается от других.

Answer 1

Я добавил: max-width в

.workingItemContainer div { 
     display: inline-block; 
     background-color: #ff9900; 
    } 

и решить эту проблему.

Answer 2

Возможно, попробуйте удалить тег <br>, который находится после #workingQuoteAnchor. Скорее всего, это создает дополнительное пространство. Также, если вам нужны какие-либо пробелы, используйте CSS вместо изменения DOM для такой косметической цели.