test methode de centrage , avec marquage et mire

dabblet.css

/* test methode de centrage , avec marquage et mire */
header{background: #0099CC; height: 125px; text-align:center;line-height:125px;}
 
#logo{ background:#999999; width: 330px;  text-align:center; margin:10px; height:80px;}
 
#menu{ background: #CC9999;width: 530px; height:60px;}

 #logo:before, #menu:before {content:'';height:100%;width:0;border-left:1px solid;}

#logo, #menu , #logo:before, #menu:before, header p {display:inline-block;vertical-align:middle;line-height:1.2em;}

#logo,#menu , header {background-image:linear-gradient(0deg, transparent 48%, blue 50%, transparent 5%), linear-gradient(90deg, transparent 50%, blue 50%, transparent 50.5%);box-shadow:0 0 5px white;}
p {margin:0;}

dabblet.html

<header>
                <div id="logo">LOGO
                </div>
     
                <div id="menu"><p>TEXTE<br/>+ 1 ligne </p>
                </div>
                 
</header>
<p>Ligne bleue : axe centrale.</p>
<p>Ligne noire : bordure pseudo-element "centreur".</p>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"separate","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}