모바일 뉴스레터 최적화

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>

 

 

 

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
좋은 정보와 인맥을 동시에, 워드프레스 사용자 단톡방 참여하기
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요