| <!DOCTYPE html> | |
| <html> | |
| <head><meta charset="utf-8"> | |
| <meta name="viewport" content="width=device-width"> | |
| <title>CSS Test: ::before pseudo-element as a flex container - Reference</title> | |
| <link rel="author" title="Deepith N" href="mailto:deepithdeekshith@gmail.com"> | |
| <style> | |
| div { | |
| width: 200px; | |
| height: 100px; | |
| background: green; | |
| display: flex; | |
| justify-content: space-between; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div> | |
| <span>A</span> | |
| <span>B</span> | |
| </div> | |
| </body> | |
| </html> |