Text horizontal in Flexbox zentrieren

[Gunnar Bittersmann]

@@MrMurphy1

Ich habe deshalb einen Quelltext mit aktuellem HTML / CSS erstellt,

Die Problematik vollständiger Code-Beispiele hatte ich letztens erst angesprochen.

Und auch, dass deine Code-Beispiele jede Menge Unsinn enthalten und du endlich aufhören solltest, diesen weiterzuverbreiten.

   <meta name="description" content="HTML5, CSS3">

Unsinn.

   <!-- Um alte IE HTML5-tauglich zu machen -->
   <!--[if lt IE 9]>
      <script src="http://html5shiv-printshiv.googlecode.com/svn/trunk/html5shiv-printshiv.js"></script>
   <![endif]-->

Unsinn.

   /*Grundeinstellungen*/
   @import url(http://fortawesome.github.io/Font-Awesome/assets/font-awesome/css/font-awesome.css);

Unsinn.

   @media all {

Unsinn.

      header, nav, main, aside, footer, section, article, figure, figcaption, audio, video {
         display: block;
      }

Unsinn.

      html {
         font-size: 120%;
      }

Unsinn.

      nav a {
         display: block;
         color: black;
         outline: none;
      }

Grober Unsinn. Das erschwert (fast hätte ich gesagt: verhindert) die Navigation auf der Seite. Auch das hatte ich dir im verlinkten Posting bereits gesagt. Du willst einfach nichts dazulernen?

      nav a:visited {
         color: black;
      }

Überflüssig, weil schon die Angabe für nav a im Autorenstylesheet die Angabe für a:visited im Browserstylesheet überschreibt.

LLAP 🖖