Flottant deux textes en regard les uns des autres et de centrer les deux d'entre eux

Je veux atteindre les objectifs suivants par CSS

J'ai deux de texte qui doivent être les uns à côté des autres.
Exemple: les deux numéros de téléphone pour être sur le côté droit de l' "téléphone"

Téléphone: 301xxxxx

301xxxxx

Je peux le faire à l'aide de deux div flottante et un à gauche. Mais je veux aussi que les deux d'entre eux à être centré ainsi. Quelle serait la meilleure manière de structurer ce?

  • et bien j'ai essayé d'ajouter ces deux divs entre autre div et ajouter la feuille de style (tex-align:center;) pour le principal, mais il ne fonctionne pas.
InformationsquelleAutor PersianBoy67 | 2012-08-06
  1. 2

    html:

    <div class="blah">
  <div>
    Phone:
  </div>
  <div>
    301xxxxx<br>
    301xxxxx
  </div>
</div>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

    css:

    ​.blah {
    text-align:center
}
.blah > div {
    vertical-align:top;
    display:inline-block;   
}

    DÉMO

    • cela a très bien fonctionné!
    InformationsquelleAutor kei
  2. 1

    Tu parles de 2 divs uns à côté des autres, puis de les recentrer vers la page?

    Éventuellement

    Ensemble de largeur pour les deux divs ainsi que du texte aligner au centre pour le texte à l'intérieur?

    <div id="outter">
<div id="div1"> phone 1</div>
<div id="div2"> phone 2</div>
<div style="clear:both"></div>
</div>

css

#outter{
width: 400px;
padding: 0;
margin: 0 auto;
}
#div1, #div2{
width: 50%;
float: left;
text-align:center;}
    InformationsquelleAutor ttran4040
  3. 0

    Puis de les mettre en parent div qui est centré.

    À bloc central elemnts comme div, nous devons définir le il est width: et margin-left: auto; margin-right: auto;

    InformationsquelleAutor atlavis
  5. 0

    Vous pouvez le faire avec la structure de la table:

    <tr>
    <td>phone</td>
    <td>301xxxx</td><br />
    <td>301xxxx</td>
</tr>
    • Essayez de rester loin de tables comme beaucoup que vous le pouvez, à moins d'une nécessité absolue.
    InformationsquelleAutor Rizstien