邊框不會顯示，儘管出現在檢查元素

Question

我正在從psd重新創建一個小部件，並試圖在我用來將頁面分成三部分的3個容器div之間放置一個薄邊框。該divs有高度，我試着在強制高度添加，以確保這不是問題，但由於某種原因，它不會顯示出來。 CSS在開始時有CSS Reset，您可以從here中獲取CSS Reset。

感謝您的幫助！

HTML

<div class="container"> 
    <div class="img"><img src="1.png" alt=""></div> 
    <div class="txt"> 
    <div><p class="title taa">10</p><p class="title2 tab">,000 hrs</p></div> 
    <div class="sub a"><p id="ac">Behavioural testing</p></div> 
    </div> 
</div> 

<div class="container"> 
    <div class="img"><img src="2.png" alt=""></div> 
    <div class="txt"> 
    <div><p class="title tba">8</p><p class="title2 tbb">years</p></div> 
    <div class="sub b"><p id="bc">Creafting successful user <br> experience since 2005</p></div> 
    </div> 
</div> 

<div class="container"> 
    <div class="txt"> 
    <div><p class="title tca">87</p><p class="title2 tcb">years</p></div> 
    <div class="sub c"><p id="cc">Collective experience</p></div> 
    </div> 
    <div class="img"><img src="3.png" alt=""></div> 
</div> 

CSS

.container { 
    display: inline-block; 
    width: 600px; 
    height: 300px; 
    border-right: 10px red; 
} 

.img { 
    display: inline-block; 
} 

.txt { 
    display: inline-block; 
} 

.title { 
    font-family: Helvetica; 
    font-weight: bold; 
    font-size: 91px; 
    display: inline-block; 
} 

.title2 { 
    font-family: Helvetica; 
    font-weight: bold; 
    font-size: 57px; 
    display: inline-block; 
} 

.sub { 
    font-family: Helvetica; 
    font-size: 22px; 
} 

.a { 
    position: relative; 
    left: 8px; 
} 

Answer 1

將其更改爲border-right: 10px solid red;

邊境需要的尺寸和邊框的類型;顏色是可選的。