CENTRAR LOGO OF MY WEB HTML5

Navigation
0

I made my web in HTML and the logo remains unraveled.

Here I leave the image to see what I mean. I need you to be centered in the circle.

Here is the code 

<!-- Header -->
                <header id="header">
                    <div class="logo">
                        <img src="images/logo.png" />
                    </div>
                    <div class="content">
                        <div class="inner">
                            <h1>PERALTA RAMOS</h1>
                            <h2>INMOBILIARIA | CONSULTORIA EN ADMINISTRACIÓN</h2>
                            <p>PAGINA BAJO CONSTRUCCION</p>
                        </div>
                    </div>
                    <nav>
                        <ul>
                            <li><a href="#intro">INTRO</a></li>
                            <li><a href="#about">HISTORIA</a></li>
                            <li><a href="#work">SERVICIOS</a></li>
                            <li><a href="#contact">CONTACTO</a></li>
                            <!--<li><a href="#elements">Elements</a></li>-->
                        </ul>
                    </nav>
                </header>
    
asked by Salva Castro 16.02.2018 в 23:29
source

1 answer

0

try this. 

elemento {
    position: absolute;
    top: calc(50% -(50px/2));
    left: calc(50% -(50px/2));
}

In this case it would be 

.logo img {
        position: absolute;
        top: calc(50% -(50px/2));
        left: calc(50% -(50px/2));
}
    
answered by 16.02.2018 в 23:45
Problem with DFS variation - C # Validate MVC user through APi