.flex-center { display: flex; flex-direction: column; align-items: center; } .container { display: inline-block; width: 50%; height: 20px; padding-right: 10px; border: 1px solid #999; border-radius: 5px; } .h-100P { height: 100%; } .bar { display: inline-block; background: #90bf46; color: white; font-weight: bold; padding: 0 5px; text-align: right; border-radius: 5px; border-right: 1px solid #999; }