Exchange h2 into a <p>?

HTML & CSS
1

Hi,

I have to put the information which is within the h2 tag into a normal one. Before I mess up the lay-out of this small block I hope I can have some suggestions.

Is it possible to write instead of <h2> following <p class=“anyclassname”>?

Below the html and the full css for this block.

Thanks for replying.

Mathilde

<div class="livechat">
<h3>Support</h3>
<h2>phone number here</h2>
<h2>phone number here</h2>
<p>
<a href="#" title=""><span style="text-transform: uppercase;">International Numbers</span></a>
<br>
mon. - fri. 09.00 - 17.00 (C.E.T.)
<br>
email here
</p>
</div>


/* contact block */
.livechat h3 {

	color: #6b412e;
	text-align; left;
	margin: 8px 0px 0px 10px;
	padding: 0px 0px 0px 0px;

}

.livechat h2 {

	background-image: url("../images/phone.jpg");
	background-position: left center;
	background-repeat: no-repeat;	
	color: #6b412e;
	text-align; left;
	font-size: 12px;
	height: 16px;
	line-height: 14px;
	border-bottom: 0px;
	margin: 17px 0px 0px 10px;
	padding: 0px 0px 0px 21px;

}

.livechat img {

	margin: 10px 0px 0px 15px;
	padding: 0px 0px 0px 0px;

}

.livechat {

	border: 1px solid #e0d6a4;
	text-align; left;
	width: 298px;
	height: 150px;
	float: left;
	background-image: url("../images/supportbg.jpg");
	background-position: right bottom;
	background-repeat: no-repeat;
	margin: 5px 0px 10px 0;
	padding: 0px 0px 0px 0px;

}

.livechat p {
	
	font-size: 11px;
	color: #444;
	font-weight: normal;
	line-height: 16px;
	margin: 3px 0px 0px 10px;
	padding: 0px;



}
2

Certainly it is. And it sounds like a good idea, too, as you have h2s below an h3, which makes no sense from a semantic point of view. What h2 are you replacing?

3

Thanks Ralph,

The h2 is in the side column of the page and was for the phone number(s). Now I have a better look at the coding I noticed the h3 - h2 order + the use of the h2 tag for some unimportant piece of content (SEO point of view). I already made the side column headers h3 not to take full attention of the main content.

So in the css I write .livechat p anyname {the coding here}

in html <p class=“anyname”>phone numbers</p>

Mathilde

4

in the css I write .livechat p anyname {the coding here}

That would need to be

.livechat [COLOR="#FF0000"]p.anyname[/COLOR] {the coding here}

to work.

5

changed and woring well. Thanks.

6

Though semantically a list of phone numbers is a list, not bunch of paragraphs… and if you have a whole bunch of them in a row, style off the parent instead of wasting bandwidth putting a class on every one of them.