Hi,
I'm having a small problem getting two div's besides each other.
I've posted my entire code.
The problem is here:
<div>
<div style="border:1px solid black;">Name</div>
<div style="border:1px solid black;">Jason</div>
<div style="border:1px solid black;">Message</div>
<div style="border:1px solid black;">Hi Jason, found your profile interesting</div>
</div>
Actually, everthing appears on seperate lines. The way it should is:
Name : Jason
Message: Hi Jason, found your profile interesting
How is this possible?
Thanks So Much
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml"
xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Message Template</title>
<style type="text/css">
/* Page Generators */
html {margin:0px;}
body {BACKGROUND-COLOR: #857d5f;}
#container { width:710px; margin: 0px auto 0px auto;border:1px solid #000000; padding:20px; overflow:visible; background-color:#fff;}
/*left column*/
#column {width:500px; float:left; border:1px solid #000; margin:10px 0px 10px 0px; overflow:hidden; padding:0px;}
#center_box{border:0px solid #000000; overflow:visible; margin:0px 0px 0px 0px;}
/*right column*/
#columnright{width:190px; float:right; border:0px solid #000; margin:10px 0px 10px 0px;}
#upper_box{border:1px solid #dadada; background-color:#f7f7f7; margin:0px 0px 10px 0px;overflow:hidden;}
#blue_box{background-color
:#3399ef; height:20px; margin:0px 0px 0px 0px; overflow:hidden; FONT:15px "Trebuchet MS",Sans-Serif; color:#ffffff;padding-left
:5px;}
/*Footer*/
#footer {border:1px solid #710; margin:0px 0px 0px 0px; background:#710; height:50px; clear:both;}
/* Text Formaters */
#headertop {border:1px solid #710; margin:0px 0px 10px 0px; background:#710; FONT:30px "Trebuchet MS",Sans-Serif;color:white
;}
.menutext{padding-left:10p
x;FONT:12p
x "Trebuchet MS",Sans-Serif; color:#444;text-align:left
;}
</style>
</head>
<body>
<div id="container"><!-- Container Begins -->
<div id="headertop">Messages</d
iv>
<div id="column"><!-- Column Begins -->
<!-- PROBLEM BEGINS HERE -->
<div>
<div style="border:1px solid black;">Name</div>
<div style="border:1px solid black;">Jason</div>
<div style="border:1px solid black;">Message</div>
<div style="border:1px solid black;">Hi Jason, found your profile interesting</div>
</div>
<hr>
<div>
<div style="border:1px solid black;">Name</div>
<div style="border:1px solid black;">Jason</div>
<div style="border:1px solid black;">Message</div>
<div style="border:1px solid black;">Hi Jason, found your profile interesting</div>
</div>
<hr>
<!-- PROBLEM ENDS HERE -->
</div><!-- Column Ends -->
<div id="columnright">
<div id="upper_box">
<div id="blue_box">Menu</div>
<div class=menutext>
Welcome<br>
Welcome<br>
Welcome<br>
Welcome<br>
Welcome<br>
Welcome<br>
</div>
</div>
</div>
<div id="footer">
<div>©<div>
</div>
</div><!-- Container Ends -->
</body>
</html>
Start Free Trial