center text in javascript

[SilverMice]

I was curious if anyone knows how to add something to this that would change the text to be centered and not needed but if possible change color to #FF8600. I don't know java or css or anything about it I got this script from another site.

<SCRIPT TYPE="text/javascript" LANGUAGE="JavaScript">
<!-- //start

//######################################################################################
// Author: ricocheting.com
// For: public release (freeware)
// Date: 4/24/2003 (update: 5/24/2006)
// Description: displays the amount of time until the "dateFuture" entered below.


// NOTE: the month entered must be one less than current month. ie; 0=January, 11=December
// NOTE: the hour is in 24 hour format. 0=12am, 15=3pm etc
// format: dateFuture = new Date(year,month-1,day,hour,min,sec)
// example: dateFuture = new Date(2003,03,26,14,15,00) = April 26, 2003 - 2:15:00 pm

dateFuture = new Date(2007,7,10,17,0,0);

// TESTING: comment out the line below to print out the "dateFuture" for testing purposes
//document.write(dateFuture +"<br />");


//###################################
//nothing beyond this point
function GetCount(){

	dateNow = new Date();									//grab current date
	amount = dateFuture.getTime() - dateNow.getTime();		//calc milliseconds between dates
	delete dateNow;

	// time is already past
	if(amount < 0){
		document.getElementById('countbox').innerHTML="The Contest Has Ended, Prizes Will Be Given Out Shortly And A New Contest Will Begin!";
	}
	// date is still good
	else{
		days=0;hours=0;mins=0;secs=0;out="";

		amount = Math.floor(amount/1000);//kill the "milliseconds" so just secs

		days=Math.floor(amount/86400);//days
		amount=amount%86400;

		hours=Math.floor(amount/3600);//hours
		amount=amount%3600;

		mins=Math.floor(amount/60);//minutes
		amount=amount%60;

		secs=Math.floor(amount);//seconds

		if(days != 0){out += days +" day"+((days!=1)?"s":"")+", ";}
		if(days != 0 || hours != 0){out += hours +" hour"+((hours!=1)?"s":"")+", ";}
		if(days != 0 || hours != 0 || mins != 0){out += mins +" minute"+((mins!=1)?"s":"")+", ";}
		out += secs +" seconds";
		document.getElementById('countbox').innerHTML=out;

		setTimeout("GetCount()", 1000);
	}
}

window.onload=function(){GetCount();}//call when everything has loaded

//-->
</script><div id="countbox" style="width: 283; height: 1">
</div>

[alexjewell]

Change these last 2 lines to:

<div id="countbox" style="width: 283px; height: 1px; text-align: center; color: #ff8600;">
</div>

[SilverMice]

it changes the color but ignores the text center :\

ok i mixed 2 scripts

<div id="countbox" style="text-align: center;width: 100%; height: 1px; color:ff8600;">

instead of

<div id="countbox" style="width: 283px; height: 1px; text-align: center; color: #ff8600;">

which only shows color change and not center

[alexjewell]

Yeah, I thought about using 100&#37; for the width, but I didn't know how much space you had for the div. Glad it's working for you.