Menu
Community /Pin to ProfileBookmark
@cootheadFeb 17.2013 — #Hi there safinn,
try it like this...
[i]coothead[/i]
How to put div next to centered div
If I have a div in the center of a page with the css
#div
{
width: 100px;
margin: 0px auto;
}
How do I get a div to the left of it(div 2) like in the image: [url]http://i45.tinypic.com/34osvw3.png
that will never move from the left of it.
Thanks alot!
Sign in
to post a comment6 Comments(s) ↴
0
@cootheadFeb 17.2013 — #Hi there safinn,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=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>centered box with left appendage</title>
<style type="text/css">
#box {
position:relative;
width:100px;
height:100px;
margin:auto;
background-color:#f88613;
}
#hangeron {
position:absolute;
width:25px;
height:100%;
left:-25px;
background-color:#0000eb;
}
#center {
width:6px;
height:6px;
margin:6px auto 0;
border-radius:3px;
background-color:#000;
}
</style>
</head>
<body>
<div id="box">
<div id="hangeron"></div>
</div>
<div id="center"></div>
</body>
</html>[/color][i]coothead[/i]