I am trying to vertically align elements within an ID wrapper. I gave the property display:inline-flex; to this ID as the ID wrapper is the flex container.
But there is no difference in presentation. I expected that everything in the wrapper ID would be displayed inline. Why isn't it?
#wrapper { display: inline-flex; /*no difference to display:flex; */}<body><div id="wrapper"><header>header</header><nav>nav</nav><aside>aside</aside><main>main</main><footer>footer</footer></div></body>