边框不会显示，尽管出现在检查元素

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;

边境需要的尺寸和边框的类型;颜色是可选的。