質問: topプロパティに関しまして、お聞きしたいことがあります。 コードの方は、コードペンのURLになりますこちらの上げさせて頂いたのですが、CSSの「.yoyaku_box a:before」この部分に対して、topプロパティを28%と設定しているのですが、ちょうど下記画像の虫眼鏡のアイコンが真ん中にくる形となります。しかし、真ん中に配置させようとした場合、50%と指定すれば、上から真ん中の位置に配置されるのが普通ではないかと考えているのですが、何故中途半端な28%の位置なのかが分かりません... ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/33f95a1b19a685f49f678acc75c98b1a.png)
回答: `虫眼鏡アイコン`の高さが`20px`あるのでその分を考慮して`top`を設定してあげる必要があります。 `calc`で計算できますので、アイコンの半分の高さ`10px`を引いてあげましょう。 ``` top:calc(50% - 10px);/*10pxはアイコンの高さの半分*/ ```