Centrare il testo verticalmente in una div.

Noè Murr

Nuovo Utente
11 Apr 2015
9
0
1
Buona sera a tutti,

ho un problema nella creazione di un sito. Sto utilizzando bootstrap ed ho una serie di <div> nelle quali devo allineare l'intero contenuto al centro, sia verticalmente sia orizzontalmente.
Qualcuno sa che regole CSS devo usare?
 
Bisogna vedere se il div ha delle misure fisse o no, se il contenuto e dentro ad un altro contenitore, ecc.. Insomma bisogna vedere un po' del tuo codice, perchè darti istruzioni a naso non è possibile
 
bene allora posto il mio codice..
ho una pagina index dove sono collegati correttamente tutti i fogli di stile ed i vari script bootstrap e jquery, pubblico solo uno schema della pagina per questioni di spazio e tempo

HTML:
<!--qui vi sono tutti i vari componenti di bootstrap e jquery-->
<!--da qui comincia la pagina vera e propria-->

<div class="content"><?php include 'home.php'?></div>

<!--qui vi sono altri script ecc.-->

la pagina home è la seguente:

HTML:
<div class="row">
       <div class="col-xs-12"><h2><a href="#">SOTTO TITOLO</a></h2></div>
</div>
<div class="row">
    <div class="col-xs-3">
         <a  href="#"><img class="img-responsive" src="#"></a>
    </div>
    <div class="col-xs-9">
          bla bla bla bla bla bla bla ecc.  
    </div>
</div>

la regola CSS per la classe content scritta da me è la seguente:
Codice:
.content{
              padding-top: 3%;
                padding-left: 10%;
                padding-right: 10%;
                padding-bottom: 0%;
                margin-left: 2%;
                margin-top: 0%;
                margin-right: 2%;
                margin-bottom: 0%;
                min-height: 100%;
                background-color: #F2F2F2;
                color: #000000;
                text-align: center;
                opacity: 0.85;
                font-size: 1em;
                overflow: scroll;
        }

io dovrei riuscire a centrare verticalmente sia il contenuto della <div> con classe .col-xs-3 che quella con la classe
.col-xs-9.

avete qualche idea?
 

Discussioni simili