구글블로그 텍스트, 광고 정렬 방법
구글블로그 텍스트, 광고 정렬 방법
개요
일반적으로 중앙정렬, 좌측정렬, 우측정렬 등을 할 수 있는데, 일반 텍스트는 상단부 UI에서 사용이 가능하나, 광고코드의 경우에는 HTML 태그를 사용해야 한다.
아래에는 광고나 텍스트의 정렬 방법을 소개하였다.
텍스트, 광고 코드 정렬 방법
<div align="center"> 광고코드 </div>는 애드센스 광고 코드를 가운데 정렬하는 HTML 코드이다.
<div> 태그는 블록 레벨 요소를 포함하거나, 인라인 요소를 포함할 수 있는 블록 속성의 요소이다. 그리고 해당 <div> 요소 안에 포함된 전체 요소는 <div>의 내용 안에 가운데 정렬이 된다.
align="center" 속성은 요소의 정렬을 설정하는 속성값이다. 값을 center로 지정하면 요소가 가운데 정렬된다. 따라서, <div align="center"> 광고코드 </div> 코드는 광고 코드를 가운데 정렬하게 된다.
반대로 center 위치에 left를 넣으 좌측정렬, right를 넣으면 우측정렬이 된다.
중앙 정렬 태그
<div align="center">
<!-- 광고 코드 -->
</div>
좌측 정렬 태그
<div align="left">
<!-- 광고 코드 -->
</div>
우측 정렬 태그
<div align="right">
<!-- 광고 코드 -->
</div>
참고
애드센스나 티스토리 플러그인을 사용하는 경우에는 플러그인에서 제공하는 옵션을 사용하여 광고를 가운데 정렬할 수도 있다. 예를 들어, 티스토리, 애드센스 플러그인에서는 광고 크기 옵션에서 정렬을 가운데로 설정하면 광고가 가운데 정렬된다.
과거에는 아래 태그로도 정렬이 되었으나, 최근에는 HTML5 에서 더이상 사용되지 않는 태그이다.
<center> <!-- 광고 코드 --> </center>
<left> <!-- 광고 코드 --> </left>
<right> <!-- 광고 코드 --> </right>