why won't my code work?
everything works except for the margin-bottom.
a.link{
background: orange;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 100px;
margin-left: 10px;
padding: 10px 10px 10px 10px;
}also this is my html:
<ul>
<li><a href="link.html" class="link">LINK</a></li>
</ul>
i think i know what your problem is..
do you want the actual links (the writing, ex: Home) to be seperated by the margins.
Or do you things above and around the links to be pushed away by the margins??
Try this:
li {
margin-bottom: 100px;
}Matti Ressler
Suomedia
A is not a block tag. It can't take margin, border, or padding attributes. Stick it inside a div tag, and apply those attributes to the div.
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.