我有一行有三个图像和文本覆盖它们.我似乎无法在单独的部分中平衡文本的左右两侧.它应该如下所示:

我能够正确设置左侧的文本,但无法平衡右侧的文本,并在部分之间设置垂直管道,右边框或左边框.

     .practice-areas {
      h1 {
        font-weight: 600;
        font-size: 60px;
        font-family: 'Open Sans Condensed';
        text-transform: uppercase;
        color: #ffffff;
        position: absolute;
        bottom: 10%;
        left: 50%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
      }
      h5 {
        text-transform: uppercase;
        color: #ffffff;
        position: absolute;
        bottom: 10%;
        left: 65%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
      }
      p {
        font-family: 'Open Sans Condensed';
        font-size: 20px;
        text-transform: uppercase;
        color: #ffffff;
        position: absolute;
        bottom: 10%;
        left: 55.4%;
        -moz-transform: translateX(-50%) translateY(-50%);
        -webkit-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
        -webkit-font-smoothing: antialiased;
      }
      .result {
        color: $grey;
        bottom: 7%;
        font-size: 16px;
        right: 38%;
      }
      .square-1 {
        background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&w=350&h=150');
        background-size: cover;
        height: 413px;
        @include breakpoint(xsmin) {
          height: 213px;
        }
      }
      .square-2 {
        background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&w=350&h=150');
        background-size: cover;
        height: 413px;
        @include breakpoint(xsmin) {
          height: 213px;
        }
      }
      .square-3 {
        background-image: url('https://placeholdit.imgix.net/~text?txtsize=33&w=350&h=150');
        background-size: cover;
        height: 413px;
        @include breakpoint(xsmin) {
          height: 213px;
        }
      }
    }

     

      

        

          

            

              
$90.2
              
million
              
text
            
            

              
COMPANY NAME
            
          
          

            
$90.2
            
million
            
company
          
          

            
$90.2
            
million
            
COMPANY