2016-11-23 4 views
0

Ich versuche, ein besseres Layout meiner Webseite zu machen, also möchte ich zwei divs in der Mitte meiner HTML-Seite platzieren. Ich habe keinen Zugriff auf meine CSS-Datei. Ist es möglich, zwei Divs auf einer Seite in HTML-Code ohne CSS zu zentrieren?2 Divs zentriert in HTML-Seite

Dies ist mein Code:

<div style="width: 100%;"> 
 
<div style="; width: 100%;"> 
 
<h1 style="text-align: center;">This is Web Page Main tit</h1> 
 

 
<div style="position: relative; 
 
    float: left; 
 
    left: 0px; 
 
    width: 470px; 
 
    height: 470px; 
 
    margin: 0 auto; 
 
    background-color: #828282"> 
 
<div><strong>Main Menu</strong></div> 
 
    </div> 
 

 
<div style="position: relative; 
 
    float: left; 
 
    margin: 0 auto; 
 
    left: 0px; 
 
    width: 470px; 
 
    height: 470px; 
 
    background-color: #828282"> 
 
<p>oke and Managerial Tutorials</p> 
 
</div> 
 

 
</div> 
 
<div style="background-color: #b5dcb3; clear: both;">Here text</div> 
 
</div>

+2

Warum in der Welt nicht Sie Zugriff auf Ihre CSS haben? Das klingt zu schrullig, um irgendetwas anderes als eine dumme Aufgabe oder ähnliches zu sein ... – junkfoodjunkie

Antwort

0

Für zwei <div> ‚s nebeneinander in der Mitte der Seite ausgerichtet:

<center> 
<div> 
<div style="display: inline-block"> 
<!-- div 1 contents -->  
</div> 
<div style="display: inline-block"> 
<!-- div 2 contents --> 
</div> 
</div> 
</center> 
+0

Vielen Dank für Ihre Antwort. Ich habe eine CMS-Seite, aber ich habe nur Zugriff auf eine HTML-Datei. Ich möchte zwei Divs in der Mitte nebeneinander. Ist es möglich? Mit deiner Antwort kann ich jedes Div selbst zentrieren. – baske

+0

Hier gehen Sie, bearbeitet den Beitrag nach Ihren Anforderungen: D – ZeKalk

0

Ich weiß, dass es ein Tag <center> html ist, dass Sie versuchen können, ist es vor der Platzierung und nach </center> die divs Sie wollen zentriert, oder wenn Vielleicht können Sie immer noch Ihre Inline-Stile ändern, die Floats loswerden, löschen und positionieren und

hinzufügen

auch Sie haben eine verirrte Semikolon <div style=";width: 100%;">