CSS - Как повысить масштабирование стрелок Unicode?

Question

Я имею эту простую code-

<div> 
     <div>&#x25BC</div> 
     <div>&#9650</div> 
     <div>&#9660</div> 
    </div> 

И я пытаюсь сделать стрелы гораздо больше - я пытался играть с этими правилами стиля -

div{ 
height:50px; 
width: 50px; 
} 

Но ничего происходит с размерами стрелок.

Так что я делаю неправильно здесь? Можно ли все-таки изменить его размер в css?

Спасибо за любую помощь

Answer 1

Использование font-size вместо.

div { 
 
    font-size: 50px; 
 
}

<div> 
 
    <div>&#x25BC</div> 
 
    <div>&#9650</div> 
 
    <div>&#9660</div> 
 
</div>

Answer 2

Это текст сделать размер шрифта будет работать

div { 
 
    height:50px; 
 
    width: 50px; 
 
    font-size:50px; 
 
    color:green; 
 
}

<div> 
 
    <div>&#x25BC</div> 
 
    <div>&#9650</div> 
 
    <div>&#9660</div> 
 
</div>