Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- div.container {
- display: flex;
- flex-wrap: nowrap;
- white-space: nowrap;
- overflow:auto;
- height: 100px;
- border: 1px solid gray;
- }
- div.item {
- display: flex;
- flex-direction: column;
- justify-content: center;
- align-items: center;
- width: 200px;
- height: 100px;
- border: 1px solid gray;
- }
- div.line {
- width: 225px;
- height: 20px;
- border-radius: 10px;
- }
- .red {
- background-color: rgba(255, 0, 0, 0.85);;
- }
- .yellow {
- background-color: rgba(255, 255, 0, 0.85);;
- }
- <style/>
- <div class="container">
- <div class="item">
- <div class="line red"></div>
- </div>
- <div class="item">
- <div class="line yellow"></div>
- </div>
- <div class="item">
- <div class="line red"></div>
- </div>
- <div class="item">
- <div class="line yellow"></div>
- </div>
- <div class="item">
- <div class="line red"></div>
- </div>
- <div class="item">
- <div class="line yellow"></div>
- </div>
- </div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement