Hexion Lab Design

  • 홈
  • 태그
  • 방명록

li 나란히 1

[CSS] ul li 가로정렬 / 나란히

[CSS] ul li 가로정렬 / 나란히    ul의 display는 block이고, ul li의 display는 item-list입니다. (body margin을 30px으로 지정하고) ul,li에는 아무런 지정을 하지 않은 상태입니다우리는 block를 inline로 바뀌어주면 개행처리없이 텍스트가 나란히 정렬된다는 걸 알죠  ul list도 가로정렬 기능이 가능합니다 단, 주의할 점은 ul이 아닌 li에 inline을 적용하는 겁니다 ul의 li도 diplay를 가지고 있기 때문에 li에 inline을 걸어주면 됩니다  li { display: inline-block; } body { margin: 30px;}  display에 대한 자세한 포스팅입니다https://shj0318.tisto..

퍼블리싱 2022.04.10
이전
1
다음
더보기
프로필사진

Hexion Lab Design

  • 분류 전체보기 N
    • 디자인
      • 디자인기초
      • 어도비
      • 피그마
    • 퍼블리싱
    • 프론트엔드
    • 프로그래밍
      • JavaScript
      • Java
      • Python
      • Android Studio
      • Other information
    • 일상 N
      • 여행
      • 맛집
      • 브이로그 N

Tag

리액트스크롤, 프론트엔드, 자바스크립트, 코딩, 갤럭시워치7, 웹개발, 안드로이드스튜디오, 박스모델, 웹디자인, 필드, java, HTML, 개발, 디자인 기초, 자바스크립트 리턴, JavaScript, 리액트, 프로그래밍, CSS, 자바,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/05   »
일 월 화 수 목 금 토
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바