Ciao a tutti, ho un problema: ho centrato due div e li ho anche messi in riga, ma per metterli del tutto in riga ho nel css il line-height: 255px; (255px è l'altezza del div) ma mi si sfalsa tutto il testo.


Il css e l'html sono sotto
codice:
<!DOCTYPE html>
<html>
<head>
	<title>Savo Chat Community</title>	
	<link type="text/css" rel="stylesheet" media="screen" href="/css/screen.css" />
	<meta charset="utf-8">
	<meta name="author" content="Edoardo Savini">
	<meta name="copyright" content="Copytight 2013 Edoardo Savini. Tutti i diritti riservati.">
	<meta name="description" content="Scarica gratis Savo Chat Community! Messaggi di testo e vocali, video chiamate gratis!">
	<script type="text/javascript" src="/js/jquery.min.js"></script>
	<script type="text/javascript" src="/js/modernizr.min.js"></script>
	<style type="text/css">	
		#textNew, #imageNew { display: inline-block; }
		#new { line-height: 255px; }
		#textNew { height: 255px; width: 200px; background: rgb(251, 133, 33); color: #fff; margin-left: -4px; }
#content { margin: 0px auto; text-align: center; margin-left: 203px; margin-top: 30px; }
	</style>
</head>
<body>
	<div id="header">
		[img]/images/logo.png[/img]
		<span class="subTitle">Savo Chat Community</span>
	</div>
	<div id="nav">
		<ul class="navTop">
			[*]Home
			[*]Download App
			[*]Login con Facebook
			[*]Registrati con Facebook
		[/list]
		<ul class="navBtm">
			<li class="privacy">Privacy
			<li class="condizioni">Condizioni d'uso
		[/list]
	</div>
	<div id="content">
		<div id="new">
			<div id="imageNew">
				[img]/images/banner.png[/img]
			</div>
			<div id="textNew">
				

Scarica gratis Savo Chat Community!
Messaggi di testo e vocali, video chiamate gratis!</p>
			</div>
		</div>
	</div>
	<div id="footer">
	</div>
</body>
</html>
Mi potete aiutare???