Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <title>Заголовок документа</title> <head> <style> .box div { width:100px; display:inline-block; padding:15px; text-align:center; color:#000000; font-family: arial, sans-serif; } .green {background-color: green;} .blue {background-color: blue;} .gray {background-color: gray;} .pink {background-color: pink;} .yellow {background-color: yellow;} </style> </head> <body> <h2>Пример свойства flex</h2> <div class="box"> <div class="green">GREEN</div> <div class="blue">BLUE</div> <div class="gray">GRAY</div> <div class="pink">PINK</div> <div class="yellow">YELLOW</div> </div> </body> </html>