尽管出现在检查元素中,但边界不会显示

我正在从psd重新创建一个小小部件,并尝试在我正用于将页面分成三分之一的3个容器div之间放置一个细边框.div有高度,我尝试添加强制高度以确保不是问题,但由于某种原因它不会出现.CSS在开始时具有CSS重置功能,您可以从此处获取.

谢谢你的帮助!

HTML

  

  

    
10
,000 hrs
    
Behavioural testing
  



  

  

    
8
years
    
Creafting successful user 
 experience since 2005
  



  

    
87
years
    
Collective experience
  
  

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;
}

brouxhaha.. 5

将其更改为 border-right: 10px solid red;

边界需要边界的大小和类型; 颜色是可选的.