This is merely an educated guess without seeing the rest of your HTML/CSS:
Have you applied display: block
or display: inline-block
to li a
? If not, try it.
Otherwise, try applying the CSS3 transform rules to li
instead.
More Related Contents:
- Text in my heading should be top not bottom [closed]
- How do I disable the resizable property of a textarea?
- How do you keep parents of floated elements from collapsing? [duplicate]
- Center image using text-align center?
- Why do browsers match CSS selectors from right to left?
- How to remove margin space around body or clear default css styles
- How to deal with page breaks when printing a large HTML table
- How do I change the color of radio buttons?
- Make a div fill the height of the remaining screen space
- How can I draw vertical text with CSS cross-browser?
- Is clearfix deprecated?
- CSS-Only Scrollable Table with fixed headers [duplicate]
- How to style SVG with external CSS?
- Pure CSS multi-level drop-down menu
- How to remove the gutter (spacing) between columns in Bootstrap?
- How to position two elements side by side using CSS
- How to make an HTML anchor tag (or link) look like a button?
- Protect image download
- Make link in table cell fill the entire row height
- Why is text wrapping around a floating element instead of going belows like another div?
- Hiding elements in responsive layout?
- How to make in CSS an overlay over an image?
- Fit website background image to screen size
- Why isn’t my margin working with position: fixed?
- Paragraph of text in circle using CSS [duplicate]
- I have position but z index is not working
- CSS custom cursor doesn’t work in FF/Chrome
- Flexbox with fixed header and footer and scrollable content
- Prevent a centered layout from shifting its position when scrollbar appears
- How to center and crop an image to always appear in square shape with CSS?