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
Mi potete aiutare???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>
Rispondi quotando
