Le positionnement des div au milieu d'une autre div

Je veux positionner le symbole de plus dans le ci-dessous en plein milieu du cercle. Maintenant, j'ai essayé à l'aide de haut , à gauche propriétés. Qui ne travaillaient que pour un seul appareil. Lorsque je consulte la page sur un smartphone, tout est perdu. J'ai donc besoin d'une méthode sans l'aide de haut et de gauche, et telle que le déplacement du cercle n'affectera pas le plus(il restera dans le centre).

Mon code :

<html>
<body>
    <div id="button"><div id="plus">+</div></div>
</body>

<style>

    #button
    {
        position : relative;
        width : 100px;
        height : 100px;
        border-radius : 100%;
        background-color : red;
    }

    #plus
    {
        display : inline-block;
        position : absolute;
        width : 50%;
        height : 50%;
        margin : auto;
        left : 5px;
        font-family : sans-serif;
        font-size : 40px;
        color : black;
        vertical-align : middle;
        text-alignment : center;    

    }
</style>

  • Pour commencer, le texte-l'alignement doit être text-align
InformationsquelleAutor Akheel K M | 2014-11-13