1. 정확한 제품 또는 플러그인 이름
워드프레스 6.1.1
2. 상세 내용
모바일 뉴스레터에서 사진은 왼쪽에, 문구는 오른쪽에 일렬로 뜨게 하고 싶습니다. (PC에서는 일렬로 잘 뜨는데, 모바일에서는 그렇게 뜨지 않음)
사진 아래, 문구 위 공백을 줄이면 될 것 같은데 방법을 모르겠습니다.
PC 뉴스레터 사진: https://drive.google.com/file/d/184iguofN6mrijWWMNUEGBH07JLPMmjgq/view?usp=share_link
모바일 뉴스레터 사진: https://drive.google.com/file/d/1v9tRfNUl6EyJc6EGJrti7WuOfKlB4cJW/view?usp=share_link
하기 코드 한 번만 확인해주시면 감사하겠습니다. ????
"><tbody><tr>
<td width="900" height="225" valign="top" style="
margin: 0 auto;
">
<table width="400" height="225" cellpadding="0" cellspacing="0" align="left" role="presentation"><tbody><tr>
<td width="400" valign="top" align="left" class="m-b">
<a href="https://news.lgdisplay.com/en/2022/12/the-future-is-clear-transparent-oled-creates-new-atmosphere-of-transformation-and-mobility/"><img alt="[The Future is Clear] Transparent OLED creates new atmosphere of Transformation and Mobility" style="width:400px;position: relative;outline:none;text-decoration:none;-ms-interpolation-mode:bicubic;display:block;max-width:100%;border:none" width="400" height="225" border="0" editable="" label="Image max width 400 pixel" class="" data-original="true" src="https://news.lgdisplay.com/wp-content/uploads/2023/01/T-OLED-Roadshow_Transformation-Mobility-400x225.png" data-id="110456"></a>
</td>
</tr></tbody></table>
<table width="30" height="0" cellpadding="0" cellspacing="0" align="left"><tbody><tr>
<td width="30" height="0" valign="top" align="left" class="m-b">
<br>
</td>
</tr></tbody></table>
<table width="430" height="225" cellpadding="0" cellspacing="0" align="left" role="presentation" style="margin: 0 0 0 auto;"><tbody><tr>
<td width="430" valign="top" align="left" class="m-b" height="225">
<h2>
<single label="Headline"><span style="font-size: 24px;" data-mce-style="font-size: 24px;">[The Future is Clear] Transparent OLED creates new atmosphere of Transformation and Mobility</span></single>
</h2>
<multi label="Body"><p style="font-size: 16px; text-align: justify;" data-mce-style="font-size: 16px; text-align: justify;"><em>With its thin and lightweight attributes and high transparency, Transparent OLED creates an entirely new spatial atmosphere and interior solution in harmony with the environment to provide...</em></p></multi><div class="btn" style="position: unset;margin: 0;margin-top: 10px;padding: 0;border: none;">
<buttons data-tmpl="%3Ctable%20class%3D%22textbutton%22%20align%3D%22left%22%20role%3D%22presentation%22%3E%3Ctbody%3E%3Ctr%3E%3Ctd%20align%3D%22center%22%20width%3D%22auto%22%3E%3Ca%20href%3D%22%22%20editable%3D%22%22%20label%3D%22Read%20More%22%3ERead%20More%3C%2Fa%3E%3C%2Ftd%3E%3C%2Ftr%3E%3C%2Ftbody%3E%3C%2Ftable%3E"><table class="textbutton" align="left" role="presentation"><tbody><tr>
<td align="center" width="102" style="padding: 0;margin: 0;border: none;" role="presentation">
<a href="https://news.lgdisplay.com/en/2022/12/the-future-is-clear-transparent-oled-creates-new-atmosphere-of-transformation-and-mobility/" editable="" label="Read More">Read More</a>
</td>
</tr></tbody></table></buttons>
</div>
</td>
</tr></tbody></table>
</td>
</tr></tbody></table>
안녕하세요~^^
F12를 눌러 개발자 도구에서 css 코드를 확인하실 수 있습니다.
남겨주신 코드나 이미지만으로는
css 코드를 안내드리기 어렵습니다.
margin 속성이나 padding 속성을 조절하면
간격을 벌리거나 좁힐 수 있습니다.
css 코드를 목적에 맞게 적절히 작성하여
테마 추가 css에 입력해보시겠어요?
고맙습니다.