html - make element fill his parent element -

html - make <a> element fill his parent element -

i'm trying create link element created laravel fill div element in .

<li class="{{ active::route('guide-dashboard') }}"> <div class="dashboardlink"> <i class="fa fa-envelope-o dashboardicon"></i> {{ html::linkaction('guidecontroller@getindex', "messages") }} </div> </li>

normally set div element in 'a' tags since link made laravel have no thought how set things between 'a' tags.

there couple of ways can it, 1 way set a tag block element , total width/height

a{ display:inline-block; width:100%; height:100%; }

this approach avoids having set position style on parent element. (as div block level element)

please not though approach fine if parent element contains no other content or elements unless positioned absolutely. you'd need utilize position styling on elements if case. (and watch out z-index issues etc)

html css laravel