ボタンのレイアウトで悩んでいます。スマホで見た時画像のように文字が改行されますが文字の先頭に絵文字を入れているため改行が不自然に見えてしまいます。改行しないように文字を小さくすると小さすぎるため厳しいです。どういう風にすれば自然に見えるでしょうか？HTMLはこれで書いています。※知恵袋では絵文字が記述できないため！に置換しております。\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://aaa\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;！ 武器ページを見る\u0026lt;br\u0026gt;\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://bbb\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;！ 防具ページを見る\u0026lt;/a\u0026gt;\u0026lt;br\u0026gt;\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://ccc\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;！ アクセサリページを見る\u0026lt;/a\u0026gt;\u0026lt;/a\u0026gt;

nakさん



\u0026gt;････どういう風にすれば自然に見えるでしょうか？･･･････



人により好みは異なるので何とも言えませんが、この様なのは如何ですか。↓



\u0026lt;!DOCTYPE html\u0026gt;

\u0026lt;html lang=\u0026quot;ja\u0026quot;\u0026gt;

\u0026lt;head\u0026gt;

\u0026lt;meta charset=\u0026quot;UTF-8\u0026quot;\u0026gt;

\u0026lt;meta name=\u0026quot;viewport\u0026quot; content=\u0026quot;width=device-width,initial-scale=1.0\u0026quot;\u0026gt;

\u0026lt;style\u0026gt;

.wrap{

width: 50%; min-width: 200px; max-width: 310px; margin: 8px auto;

}

a{

display: grid; grid:1fr / auto 1fr ; align-items: center; justify-content: center;

width: 100%; background-color: #e60; color: white; font-size: 2.6rem;

text-decoration: none; padding: 8px; border-radius: 12px;

}

a span{font-size: 1.4rem; }

\u0026lt;/style\u0026gt;

\u0026lt;/head\u0026gt;

\u0026lt;body\u0026gt;

\u0026lt;div class=\u0026quot;wrap\u0026quot;\u0026gt;

\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://aaa\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;\u0026amp;#128142;\u0026lt;span\u0026gt;武器ページを見る\u0026lt;/span\u0026gt;\u0026lt;/a\u0026gt;

\u0026lt;br\u0026gt;

\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://bbb\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;\u0026amp;#128269;\u0026lt;span\u0026gt;防具ページを見る\u0026lt;/span\u0026gt;\u0026lt;/a\u0026gt;

\u0026lt;br\u0026gt;

\u0026lt;a class=\u0026quot;item-link\u0026quot; href=\u0026quot;https://ccc\u0026quot; target=\u0026quot;_blank\u0026quot; rel=\u0026quot;noopener\u0026quot;\u0026gt;\u0026amp;#128201;\u0026lt;span\u0026gt;アクセサリページを見る\u0026lt;/span\u0026gt;\u0026lt;/a\u0026gt;

\u0026lt;/a\u0026gt;

\u0026lt;/div\u0026gt;

\u0026lt;/body\u0026gt;

\u0026lt;/html\u0026gt;