[링크] https://repl.it/@wnsekd2333/CuteFearlessQuadrilateral [질문] Q. 검색창 가로 길이 줄이기 ㆍ검색창 div에서 → input 에 border: none 처리 후 ㆍ그 줄 전체를 border로 감싸줬습니다 ㆍ그런데 그 검색창처럼 만든 border의 가로길이가 너무 길어서 ㆍ width를 통해 줄이려고 하니 ㆍ센터 정렬 시켜놓은게 망가지고, 왼쪽으로 이동 됩니다 → 검색창 div의 가로길이를 어떻게 줄일까요? [해결] Css에서 /* 가로길이 줄이기 */ width: 300px; /* 가로길이 줄이니까 -> 비율 망가짐 -> 해결책 : inline-flex를 통해 내용물 만큼만 감싸게 */ display: inline-flex; /* 가운데 정렬 */ margin-left: 40%;