.header { position: relative; z-index: 201; padding-left: 30px; padding-right: 30px; display: flex; align-items: center; height: 56px; background: #fff; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); .logoArea { width: 300px; .backBtn { display: inline-block; padding: 12px 10px; margin-right: 22px; cursor: pointer; } .logo { display: inline-block; width: 100px; overflow: hidden; border-radius: 3px; vertical-align: middle; font-size: 20px; font-weight: bold; } } .controlArea { flex: 1; text-align: center; } .btnArea { width: 320px; text-align: left; } }