矢印↓をtransform: rotate(-45deg)を使用して↘にするサンプル

by iwbjp

HTML

↓<span class="t">↓</span>→＋Ｐ

CSS

body {
  font-size: 30px;
}

.t {
  width: 30px;
  display: inline-block;
  text-align: center;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
}