화면에서, 오른쪽으로 스크린을 늘리면 검은색 부분이 계속 늘어나는데 왼쪽으로 스크린을 늘리면 계속 글자가 따라와서 같이 늘어납니다화면을 왼쪽으로 키울 때 글자는 고정되고 검은색 여백만 늘어나게 하려면 어떻게 해야할까요 ?
CSS 코드가 어떻게생긴거임
.header1 { relative; box-sizing: border-box; width: 1080px; height: 120px; background-color: #000; padding-left: 40px; font-size: 40px; font-weight: bold; color: #fff; background-color: #000; display: flex; align-items: center;}
플렉스 꼭 써야하는거임?
그냥 text align을 하면 될꺼같은데
글자만 담는 컨테이너랑 그 배경을 분리시키고 컨테이너 자체를 전체 배경에 대하여 가운데 정렬시키고, 컨테이너ㅜ내부는 text align left주면 될 거 같음.
대신 컨테이너 width는 어느정도 줘야겠지 원하는 만큼