Forum Moderators: not2easy
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>four boxes in a row</title>
<style type="text/css">
.b1-m {
float: left;
}
.b1-m a {
display: block;
}
.b1-m .lf,
.b1-m .rt {
height: 25px;
width: 20px;
float: left;
}
.b1-m .mn {
height: 25px;
width: auto;
float: left;
font-size: 12px;
font-weight: bold;
line-height: 26px;
padding-left: 5px;
padding-right: 5px;
}
.b1-m .mn {
background-color: #ffdb11;
color: #3b3b3b;
}
.b1-m a {
color: #3b3b3b;
}
.b1-m .lf {
background-color: #ffdb11;
}
.b1-m .rt {
background-color: #ffdb11;
}
</style>
</head>
<body>
<div class="b1-m">
<div class="lf"></div>
<div class="mn"><a href="#">Test Link</a></div>
<div class="rt"></div>
</div>
</body>
</html>
.b1-m {
width: 100px;
height: 100px;
border: 1px solid #f00;
}
.b1-m a {
width: 100px;
height: 100px;
display: block;
}
.b1-m a span {
margin: -9999px;
}
<div class="b1-m"><a href="#nogo"><span>blah</span></a>
.
.
.
</div>
Yes, unfortunately I do need those divs as it's box that has rounded corners and so I have a left column, center column, right column as well as the containing div.
