Jump to content

2 columns not side-by-side


brown2005

Recommended Posts

how do i get these side by side please

 

<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title></title>

<style>

* { padding: 0; margin: 0; }

#wrapper 
{ 

margin: 0;
width: 800px;

}

#left { 
color: #333;
border: 1px solid #ccc;
background: #E7DBD5;
margin: 0px;
padding: 10px;
height: 350px;
width: 650px;
float: left;
}
#right { 
float: right;
color: #333;
border: 1px solid #ccc;
background: #F2F2E6;
margin: 0px;
padding: 10px;
height: 350px;
width: 150px;
display: inline;
}

</style>

</head>

<body>

   <div id="wrapper">

	 <div id="left">

			left coloumn

	 </div>

	 <div id="right">
	       
          	 Right Column

	 </div>

   </div>
   
</body>

</html>

Link to comment
https://forums.phpfreaks.com/topic/48776-2-columns-not-side-by-side/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.