Wie man etwas Abstand zwischen zwei eckigen js Elementen schafft?

Question

hier ist mein Winkel js Markup:

 <div layout="row"> 
     <h1 ui-sref="home" style="cursor:pointer">Element A</h1> 
     <h1 flex="10"></h1> 
     <h1 ui-sref="simulator" style="cursor:pointer">Element B</h1> 
     </div> 

jedoch im Browser I "Element A" und "Element B" sehr nahe beieinander zu sehen.

Wie kann ich etwas Abstand zwischen ihnen machen?

Answer 1

CSS ist dein Freund. Wenden Sie einfach Rand oder Auffüllung an, um Ihre HTML-Elemente wie h1s zu spacen. Dies ist, wofür CSS ist - es ist besser, das Styling anzuwenden, anstatt sich auf HTML-Elemente wie
zu verlassen, um Dinge auseinander zu halten.

h1 {margin: 15px;} 

Auch - Sie sollten vielleicht nicht mehrere h1 ist haben - semantisch es nur eine h1 pro semantische Abschnitt sein sollte (es verwendet, festzustellen, dass Sie nur 1 h1 pro Seite haben sollte - aber mit dem Aufkommen von Selbstversorger HTML5-Elemente wie Abschnitte - jeder kann eine h1-h6 haben, obwohl ich persönlich es vorziehe, nur 1 h1 zu haben und alle anderen Überschriften als untergeordnet zu behandeln.

auch besser, um nicht Ihre Stile inline zu haben - aber im hea oder in einem externen Stylesheet.

h1{ 
 
    margin: 15px; 
 
    cursor:pointer; 
 
}

<div layout="row"> 
 
    <h1 ui-sref="home" >Element A</h1> 
 
    <h1 flex="10"></h1> 
 
    <h1 ui-sref="simulator">Element B</h1> 
 
</div>