Как сверстать прямоугольник со «стрелкой» на конце?

Сделайте квадрат и переверните на 45 градусов чтобы получился ромб, потом спозицинируйте так чтобы половина ромба перекривалась основной областю.

Hyubert, а как сделать высоту ромба равной высоте прямоугольника?

Dymok, вам нужно чтобы было адаптивно?

Dymok, если с clip-path то посмотрите это

Пишу на коленках....
А не получится диву который квадрат через afrer прописать этот треугольник?
Как сделать треугольник htmlbook.ru/blog/treugolniki-cherez-css
А потом с помощью position: absolute выровнять как нужно, например сделав after высотой с див к которому будешь подставлять треугольник, и сделать по центру ( margin-top:-половину высоты after).
А и не забудь диву позишн релативе!!

MFNIK, в таком случае высота треугольника будет фиксированной, это не подходит

Dymok, ну если плясать от дива:after к которому «приклеивать» треугольник, то высота будет точно такая же как у дива, помоему.
Height:100%

Был бы комп под рукой я бы прислал решение, а так в полевых условиях пишу.

MFNIK, треугольнику, сделаному с помощью CSS нельзя просто задать высоту свойством height, его размер зависит от border'a у элемента after

.block {
    background: green;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    color: #fff;
   }
   .block::after {
    content: ''; 
    position: absolute; /* Абсолютное позиционирование */
    left: 20px; bottom: -20px; /* Положение треугольника */
    border: 10px solid transparent; /* Прозрачные границы */
    border-top: 10px solid green; /* Добавляем треугольник */
   }

Согласен упустил этот момент, пока больше идей нет(((