Uaktywnij cały element <li> za pomocą elementu <a> wewnątrz bez javascript [duplikat]

To pytanie ma już tutaj odpowiedź:

Jak sprawić, aby cały obszar elementu listy na moim pasku nawigacyjnym był klikalny jako link? 9 odpowiedzi

Czy jest jakiś sposób?

mam<ul> z odrobiną<li> elementy wewnątrz. To część rozwijanego menu. Każdy<li> staje się pudełkiem wielkości największego<li> element w grupie (ten, w którym znajduje się najwięcej tekstu).

Problem polega na tym, że chcę, aby ludzie mogli kliknąć w dowolnym miejscu wewnątrz każdego<li> pole i pracuj linkami, zamiast tylko tam, gdzie jest tekst. Chciałbym rozwiązanie bez javascript, jeśli to możliwe.

Oto przykładowy HTML. Wewnętrzny<li> elementy to te z linkami.

<li class="parent Glass" style=" float: left;">

Glass
    <ul class="child" style="float: left; position: absolute; z-index: 999; display: none;">
    <li style=" float: left;">
                <a href="http://example.com/path/to/somehwere.html?glass=25">Brown       (13)</a>

    </li>
    <li style=" float: left;">
                <a href="http://example.com/path/to/somehwere.html?glass=112">Crystal       (93)</a>

    </li>
    <li style=" float: left;">
                <a href="http://example.com/path/to/somehwere.html?glass=99">Gray       (1)</a>

    </li>
    <li style=" float: left;">
                <a href="http://example.com/path/to/somehwere.html?glass=42">Latte       (12)</a>

    </li>
    <li style=" float: left;">
                <a href="http://example.com/path/to/somehwere.html?glass=72">White       (15)</a>

    </li>
    </ul>

</li>

questionAnswers(1)

yourAnswerToTheQuestion