====== 1-Line Layouts ======

Moderne CSS-Layouts und Responsive-Techniken in einer Zeile CSS-Code

\\

==== 1. Perfekt zentriert ====
place-item: center;
\\
\\

HTML
<code html><div class="parent">
   <div class="child"></div>
</div>
</code>\\

CSS
<code css>.parent{
   display: grid;
   place-items: center;
}
</code>

\\
==== 2. Text ====

[[{|width: 12em; color: green; float:left;}websites:webdesign:html:einstieg:editor |⬅️ Editor]]
[[{|width: 12em; color: green; float:right;}websites:webdesign:html:einstieg:elemente|Elemente ➡️]]