heightを指定されていない親要素の高さを子に継承することはできるのでしょうか？

Question

こんにちは。いつもありがとうございます。
htmlでわからないことがあったので質問です。

<li>
<a href="somewhere">
<img src="somewhere">
<span>Title</span>
</a>
</li>

このaタグ内のspanをimgの真ん中に配置するにあたって、
aタグをliのheightと同じにしたいのですが、liもその親の親もheightが指定されていません。
jsを使わずにliのheightを継承する方法はありませんか？宜しくお願いします。

Answer 1

こういうことですか？

a {
    display: block;
}
```**動くサンプル：**[https://jsfiddle.net/1otycw34/](https://jsfiddle.net/1otycw34/)

Comments

[Tats.N]

なるほど。。blockにしないといけないんですね。ありがとうございました！

Answer 2

aタグはインラインボックスなので
heightやwidthを指定することはできないので
display:block;
または
display:inline-block;
でブロックボックスかインラインブロックボックスにしてやれば
指定できるようになります

親要素のliのheightが指定されてないということなので
aタグを
height:100%;
とかにすればいっぱいに広がってくれるんじゃないかなぁ

Comments

[Tats.N]

ありがとうございます！助かりました！