[마이피 깍는 외계인] to 月요일 소년 님 리플 관련 부분(mypiReply) 파트3

해당 소스는 月요일소년 님 마이피

.mypiZmenu .cm01 {
margin: 65px 0px 0px 170px;
cursor: pointer;
font-size: 15px;
float: left
}

div 이름은 넘어가고...

margin: 65px 0px 0px 170px;

상단 오른쪽 하단 왼쪽 순으로 본문 크기를 나타냅니다.

cursor: pointer;

div 근처에 마우스 커서가 위치할때 변하게 되는 커서 모양을 나타냅니다.

변경 하고 싶으면 관련 CSS뒤져서 변경이 가능하지만 여기서는 패스...

font-size: 15px;

글자 크기입니다. info 와 친추 의 글자 크기를 지정하는거에요.

color로 글자 색을 지정가능하지만 안 쓸경우 기본 글자색이 지정됩니다.

float: left

정렬 방식입니다. 왼쪽 정렬로 되어 있는데 질문하신것 처럼 오른쪽으로

몰아서 정렬하고 싶으시면 left를 right 로 바꾸시면 됩니다.

그리고 위에 margin 으로 위치를 수정하시면 되구요.

margin의 수치가 상당하면 comment 의 글씨를 침범해 레이아웃이 이상해

질수 있습니다. 나중에 확인 되면 거기에 맞춰서 수정을 해주세요...

.mypiZmenu .cm02 {
float: right;
margin: 68px 10px 0px 0px;
}

위와 비슷하기 때문에 따로 언급 안하겠습니다.

[아스키코드]

그림과 함께 보니 좋군요~

[비모 Grimmy]

집에서 함 해봐야지