Skip to content

Instantly share code, notes, and snippets.

@fahdi
Created August 27, 2022 14:57
Show Gist options
  • Save fahdi/a94655fba0567c191bc3a76f840ddf64 to your computer and use it in GitHub Desktop.
Save fahdi/a94655fba0567c191bc3a76f840ddf64 to your computer and use it in GitHub Desktop.
CSS Flexbox - Flexbox Direction
<html>
<head>
<title>
Hello Silted - This is HTML formatting
</title>
<style type="text/css">
.container {
display: flex; /* or inline-flex */
background-color: yellow;
flex-direction: column-reverse;
}
</style>
</head>
<body id="formatting-doc">
<div class="container">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
<div>7</div>
<div>8</div>
<div>9</div>
<div>10</div>
<div>11</div>
<div>12</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment