I have a problem with LABEL followed by P tag.

form#two p {
	display: inline;
	margin-bottom: 10px;
	width:200px;
}
form#two label {
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 10px;
	width: 12em;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	color: #AB0101;
}

My goal is to get LABEL and P contents displayed on the same line. It works fine in firefox but doesnt in IE6. Can some1 pls help me out? and make it work in IE6? Cheers

I have a problem with LABEL followed by P tag.

form#two p {
	display: inline;
	margin-bottom: 10px;
	width:200px;
}
form#two label {
	display: block;
	float: left;
	width: 100px;
	margin-bottom: 10px;
	width: 12em;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	color: #AB0101;
}

My goal is to get LABEL and P contents displayed on the same line. It works fine in firefox but doesnt in IE6. Can some1 pls help me out? and make it work in IE6? Cheers

my problem was i had an extra clear:left under P;)

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.