이걸 만들어보자
내가 가장 좋아하는 명언이다 위의 도면대로 만들어보자
따옴표를 클래스로 나누어준다 시작하는 따옴표와 끝나는 따옴표로 클래스이름은 qmark open-qmark와
qmark close-qmark로 나누어 주었따
이제 위의 도면대로 따옴표 중간에 margin을 15px씩 줘야하기 때문에
해줍니다
이제 position: relative;를 해준다
그후 20px 80px 양옆 내려와야 하니까
position:relative로 지정해준뒤
top 20px top 80px로 공간을 준다 그러면
완성!!!
'html+css' 카테고리의 다른 글
position-absolute (0) | 2022.12.26 |
---|---|
position-fixed (0) | 2022.12.26 |
position-relative (0) | 2022.12.25 |
내비게이션 바 로고 실습 (0) | 2022.12.22 |
vertical-align (0) | 2022.12.21 |