오블완 이모티콘을 받았습니다.

알림이 뜨길래 확인했더니 오블완 이모티콘을 지급했다는 소식이었습니다.

그래서 바로 확인해 보았더니 이모티콘이 추가되어 있더군요.

 

 

 

용도별로 사용할 수 있도록 다양한 종류의 이모티콘이 있었습니다.

이모티콘을 불러오면 기본적으로 중간에 배치되더군요.  그래서 HTML코드를 살펴보니

 

<figure contenteditable="false" data-ke-type="emoticon" data-ke-align="alignLeft" data-emoticon-type="challenge" data-emoticon-name="001" data-emoticon-isanimation="false" data-emoticon-src="https://t1.daumcdn.net/keditor/emoticon/challenge/large/001.png"><img src="https://t1.daumcdn.net/keditor/emoticon/challenge/large/001.png" width="150" /></figure>

 

위와 같이 저는 처음 보는 <figure...>라는 코드를 사용했더군요. 내용을 자세히 보니 data-ke-align="alignCenter"라는 코드가 있어서 이것을  data-ke-align=" alignLeft"로 바꿔보았더니 모두 왼쪽 끝으로 정렬되었습니다.