On Fri, Aug 7, 2015 at 11:57 AM, Tom Livingston <tom...@gmail.com> wrote:
> Hello list,
>
> Can't post a link right now, but given the following:
>
> nav{
> ul{
> width: 81.17021%;
> max-width: 940px;
> margin: 0 auto;
> }
> li{
> position: relative;
> display: block;
> background: #988780;
> width: 19.7903%;
> float: left;
>
> a{
> position: relative;
> display: table-cell;
> font-size: 1.125rem;
> line-height: 1.2;
> height: 87px;
> width: 100%;
> padding: 0 25px;
> margin: 0 auto;
> vertical-align: middle;
> }
> li:hover{
> background: #931a2d;
> }
> }
>
> Why won't the 'a' fill (width:100%) its parent li or center (margin:0
> auto;) in its parent li?
OK, well after some more poking around, width: inherit; on the 'a'
fixed my issue. Thanks if you looked...
--
Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com
#663399
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
