![見出し画像](https://assets.st-note.com/production/uploads/images/6977072/rectangle_large_type_2_d29d0d929b46841ac6f39f984859e769.jpg?width=1200)
aタグでdivを囲む時の注意点
こんにちは。Webデザイナーのふくだです。
よくやっちまうので備忘録として書きます。
aタグでdivを囲みたい場合、中にaタグがあるとブラウザは正しく表示してくれません。
<a href="#" >
<div>
<a href="#" >テキスト</a>
</div>
</a>
↑ブラウザで崩れる
対処法
中身のaタグはobjectタグで囲む
<a href="#" >
<div>
<object><a href="#" >テキスト</a></object>
</div>
</a>
↑これでOK
よろしければサポートよろしくお願いいたします。