css making left arrow

 

 

 

 

css code

      // Set the left arrow box Start 
      .back_wrap { 
        margin-Top : 13px ; 
        width : 38px ; 
        height : 30px ; 
        border : 1px Solid # dcdfe6 ; 
        position : relative ; 
        margin-right : 15px ; 
        Cursor : pointer ; // rollover small hand 
        @ disposed arrow 
        .back { 
          width : 10px ; 
          height : 10px ;
          position : Absolute ; 
          Top : 50% ; 
          left : 60% ; 
          Transform : Translate (-50%, -50%) Rotate (-40deg) ; 
          border-Top : 1px Solid # c3c8d6 ; 
          border-left : 1px Solid # c3c8d6 ; 
        } 
      } 
      // end box disposed on the left side of the arrow

 

 

html code

                    <div class="back_wrap">
                      <i class="back"></i>
                    </div>