質問: イメージと緑(イメージの名前)と赤(値段)が入ったdiv全体がクリックできるようにしたいです。(今はイメージしかリンクになっていません。![![イメージと緑(イメージの名前)と赤(値段)が入ったdiv全体がクリックできるようにしたいです。(今はイメージしかリンクになっていません。)](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/1329bad49f045c73ed08c71a7286a321.jpeg)](8a0479989a3d96d36f9891889573daa4.jpeg) HTMLです。色で場所分けてます。申し訳ないですが一応見えないようにさせていただきました。![HTMLです。色で場所分けてます。申し訳ないですが一応見えないようにさせていただきました。](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/0a7d636af129daa0d8722d47bc0d8734.jpeg) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/cada34d13dcd4109ec1e6c3860db6c60.jpeg) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/1dc5d015bae33e99008afd7bd02906d9.jpeg) ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/6982eec36d3ed78255899cd7f4e46282.jpeg) display:block;でできないのですがどうすればできるのでしょうか? 初心者の私に力をお貸しください。 ご回答お待ちしております。
回答: html5からはaタグでdivタグを囲っても問題ありませんので aタグで全体を囲われるのはいかがでしょうか? ただ、こちらの場合、aタグの中にaタグがあるとバグってしまいます。 また、aタグがdisplay:block;にならないというのをもう少し具体的に教えていただいてもよろしいでしょうか?