我一直对我正在制作的自定义博客主题的样式有问题。当我创建一篇文章，然后发布它时，文章在后端的外观与前端不同，后端的布局很好，我想要的方式，然后在前端它没有换行符/换行符，而且图像也不会完全拉伸到我在后端的宽度。

我之前确实添加了这些样式，以便对齐图像，效果很好，但我想知道是否还有其他样式需要添加，以使段落之间有空格，并能够将图像全宽。

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

我在看帖子格式，这和它有什么关系吗？

这是php/html页面中的一个。php页面。

<?php 
get_header(\'internal\');
while(have_posts()) {
    the_post(); ?>
    
    <div class="burger-menu-container">
      <ul class="burger-ul">
      <li class="burg-menu"><a class="burger-link" href="<?php echo site_url() ?>">Home</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/blog\') ?>">blog</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/about-us\') ?>">About Us</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/contact-us\') ?>">Contact Us</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/private-policy\') ?>">Privacy policy</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/cookie-policy\') ?>">Cookie policy</a></li>
        <li class="burg-menu"><a class="burger-link" href="<?php echo site_url(\'/site-map\') ?>">Sitemap</a></li>
      </ul>

      <div class="copyright-container">
        <span class="hamberger-copyright">www.website.com © THE WEBSITE NAME 2020</span>
      </div> 
   </div>



    <div class="top-box-container">
      <div class="box-top-wrapper">
        <div class="box-top-container">
         <div><a class="toppy-one" href="<?php echo site_url(\'/blog\') ?>"> <div class="top-box-one"><i class="fas fa-home"></i><p class="intro-blog-tab"> Blog Home</p></div></a></div>
         <div class="top-box-two box-single-page">Posted by<?php the_author_posts_link(); ?> on <?php the_time(\'n.j.y\') ?> in <?php echo get_the_category_list(\', \'); ?></div>
        </div>
       </div>
    </div>

 </div>  

    <?php }
    ?>
     
     <div class="internal-middle-section-container">         
      <div class="internal-content">
       <div class="inner-content-container">
        <div class="internal-write"> <?php the_content() ?></div>
       </div>
     </div>
    </div>

 <!-- </div>   
</div> -->
    



    <?php 

get_footer(\'internal\');
?>

以下是WordPress后端和前端编辑器的图像。

在这个例子中，我不知道为什么换行符没有出现在前端。

任何帮助我都会很感激谢谢

p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}