Setting a width and height on an A tag

Question

Is it possible to set the width and height in pixels on an anchor tag  I d like to have the anchor tag to have a background image while retaining the text inside the anchor    x000D   x000D  li   x000D    width  32px  x000D    height  32px  x000D    background-color  orange  x000D    x000D   x000D  li a   x000D    width  32px  x000D    height  32px  x000D    background-color  red  x000D    x000D   lt li gt  lt a href     gt Something lt  a gt  lt  li gt  x000D   x000D   x000D

User · Answer

All these suggestions work unless you put the anchors inside an UL list.

<ul>
    <li>
        <a>click me</a>>
    </li>
</ul>

Then any cascade style sheet rules are overridden in the Chrome browser. The width becomes auto. Then you must use inline CSS rules directly on the anchor itself.

User · Answer

You need to make your anchor display  block or display  inline-block  and then it will accept the width and height values

User · Answer

You can also use display  inline-block  The advantage of this is that it will set the height and width like a block element but also set it inline so that you can have another a tag sitting right next to it  permitting the parent space   You can find out more about display properties here

User · Answer

Below working for me      display  block  width  100

User · Answer

It s not an exact duplicate  so far as I can find   but this is a common problem   display block is what you need  but you should read the spec to understand why

[html] Setting a width and height on an A tag

Examples related to html

Examples related to css

Examples related to cross-browser