css 문자 열 맞추기
-
게시물 수정 , 삭제는 로그인 필요
현재 제가 짠 css인데 저기 중고등부를 옆에 로고하고 열을 맞추고 싶은데 어떻게 해야 할지 모르겠어요
이건 제가 짠 css입니다
* {margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
font-size: 12px;
color: #444444;
}
#good {
text-align: center;
color: pink;
}
#wrap {
margin: 0 auto;
}
ul {
list-style-type: none;
}
#logo {
width: 100px;
height: 90px;
float: left;
padding: 30px 0 0 30px;
margin-right: 40px; /* 로고와 메뉴 사이의 간격 설정 */
margin-top: -30px;
margin-bottom: 20px;
}
#top_menu {
float: right;
margin: 40px 10px 0 0;
}
.clear {
clear: both;
}
#top_menu li {
display: inline;
}
#main_menu {
background-color: black;
color: white;
margin-top: 15px;
padding: 15px;
font-size: 16px;
text-align: center;
}
#main_menu li a {
color: white;
text-decoration: none;
}
#main_menu li {
display: inline;
padding: 0 20px 0 20px;
}
#main_menu li a:hover{
background-color: pink;
color: black;
padding: 15px 30px;
}
현재 제가 짠 css인데 저기 중고등부를 옆에 로고하고 열을 맞추고 싶은데 어떻게 해야 할지 모르겠어요이건 제가 짠 css입니다
* {margin: 0;
padding: 0;
}
body {
font-family: "맑은 고딕";
font-size: 12px;
color: #444444;
}
#good {
text-align: center;
color: pink;
}
#wrap {
margin: 0 auto;
}
ul {
list-style-type: none;
}
#logo {
width: 100px;
height: 90px;
float: left;
padding: 30px 0 0 30px;
margin-right: 40px; /* 로고와 메뉴 사이의 간격 설정 */
margin-top: -30px;
margin-bottom: 20px;
}
#top_menu {
float: right;
margin: 40px 10px 0 0;
}
.clear {
clear: both;
}
#top_menu li {
display: inline;
}
#main_menu {
background-color: black;
color: white;
margin-top: 15px;
padding: 15px;
font-size: 16px;
text-align: center;
}
#main_menu li a {
color: white;
text-decoration: none;
}
#main_menu li {
display: inline;
padding: 0 20px 0 20px;
}
#main_menu li a:hover{
background-color: pink;
color: black;
padding: 15px 30px;
}
#css 문장 줄바꿈 #css 문장 간격 #css 문자열 자르기 #css 문자 #css 문자 간격 #css 문자 가운데 정렬 #css 문장 정렬 #css 문자열 생략 #css 문자열 #css 문자 자르기
