초보입니다. 단락나누기 잘안되네요

초보입니다. 단락나누기 잘안되네요

QA

초보입니다. 단락나누기 잘안되네요

본문

사진처럼 3단락으로 나누고 싶은데 잘 안됩니다. css로 만들어 주실 수 있나요?ㅠㅠ

1551348490_1714573282.4353.jpg

 

이 질문에 댓글 쓰기 :

답변 2

flex를 사용하여 다음과 같이 작성하시면 될것같습니다.

html 코드

 


   <div class="wrapper">
        <div class="inner-wrapper">
            <div class="box">가나다라마바사가나다라마바 가나다라마바사가나다라마바 가나다라마바사가나다라마바 사가나다라마바사가나다라마 사가나다라마바사가나다라마 사가나다라마바사가나다라마 바사가나다라마바사가나다라바사가나다라마바사가나다라</div>
            <div class="box">가나다라마바사가나다라마바 가나다라마바사가나다라마바 가나다라마바사가나다라마바 사가나다라마바사가나다라마 사가나다라마바사가나다라마 사가나다라마바사가나다라마 바사가나다라마바사가나다라바사가나다라마바사가나다라</div>
            <div class="box">가나다라마바사가나다라마바 가나다라마바사가나다라마바 가나다라마바사가나다라마바 사가나다라마바사가나다라마 사가나다라마바사가나다라마 사가나다라마바사가나다라마 바사가나다라마바사가나다라바사가나다라마바사가나다라</div>
        </div>
    </div>


css 코드

 


    .inner-wrapper {
        display: flex;
        align-items: center;
        column-gap: 20px;
        max-width: 1000px;
        margin: 30px auto;
    }
    .box {
        flex : 1;
        min-height: 300px;
        padding: 10px;
        line-height: 1.5;
        background-color: #f1f1f1;
    }
답변을 작성하시기 전에 로그인 해주세요.
전체 9
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT