我想要的東西很簡單，但我沒有在互聯網上找到我真正想要的東西。具有以下圖像：我想做的是文本不對稱。TEXT（以及 W 的那部分）為白色，ITH 為藍色，與靈感部分相同（INSPIR 為白色，ATION 為深藍色）。到目前為止我所做的（順便說一句，我沒想到會這么容易）：.welcome-page-wrapper {  width: 100%;  height: 100%;  display: flex;  flex-flow: row wrap;  position: relative;}.col-md-6 {  display: flex;  width: 100%;}.text {  position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%);  z-index: 1;}#first-half {  background-color: #3A5082;  color: #F5F9FF;}#second-half {  background-color: #F5F9FF;  color: #3A5082;}我認為這應該用js或者scss來實現？老實說，我不知道，所以非常感謝任何幫助。PS：這個東西應該非常敏感，所以使用跨度或類似的東西不是一個選擇。