css—使脱离文档流的元素水平居中

在设计静态页面时，有一部分布局需要使用绝对定位，那么它的父元素就要使用相对定位，这样一来就使承载绝对定位元素的容器脱离了文档流，现在让容器水平居中难倒了我这小菜鸡。它就一直这个样子：

 

 

这是源码： 

 

    
    
    
    
    


    

        

            

                

            
            

                FREE SHIPPING
                on orders of $50 or more
            
        

        

            

                

            
            

                EASY RETURNS
                Shipping is paid by us
            
        
    

自己实在不行了，开始积极找大佬请教，去了一行，又加了一行，完美搞定

就是去掉容器的flex-direction: row，加上了justify-content: center

.container3 {
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
        }

以上是改后的效果图，