Please tell me how to make a button with the left arrow using only css. I attach the picture. enter image description here

It is clear how to make a square, but to make an arrow on the left?

    1 answer 1

    Triangles will save the world!

    Read more ...

    .block { background: green; position: relative; width: 180px; height: 50px; left: 50px; text-align: center; display: table; } .block::before { content: ''; position: absolute; left: -50px; border: 25px solid transparent; border-right: 25px solid green; } #text { display: table-cell; vertical-align: middle; color: white; font-size: 18px; } 
     <div class="block"> <div id="text">Обратный звонок</div> </div>