Menu
Community /Pin to ProfileBookmark
@cootheadJun 16.2011 — #Hi there supercain,
try it like this...
[i]coothead[/i]
position text inside an <a>
Hi,
when <a> is defined as display:block, is it possible to position the text inside? lets say i have this code:
[code=html].block a { display:block;width:50px;height:50px;background-color:blue; }
<table>
<td class=”block”>
hello
</td>
</table>
by default the text would appear on the very top of the blue square, but what if i want it somewhere else like the right bottom corner or so? i tried by placing a DIV inside the <a> and set margins or padding but it wont work right on inters.hi.t explorer (as usual). Any ideas?
Thank you.
Sign in
to post a comment3 Comments(s) ↴
0
@cootheadJun 16.2011 — #Hi there supercain,try it like this...
[color=navy]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style type="text/css">
a {
position:relative;
display:block;
width:50px;
height:50px;
background-color:#00f;
color:#f0f0f0;
}
a span {
position:absolute;
right:0;
bottom:0;
}
</style>
</head>
<body>
<div>
<a href="#"><span>text</span></a>
</div>
</body>
</html>
[/color][i]coothead[/i]