Html 如何在blogger中的内容和边栏小部件之间留出空间？

我想在主要内容和侧边栏之间添加一些空间，在黑色空间中，必须显示背景图像，我不想添加边框

查看我的博客模板截图。 图像链接：-

所以，在侧边栏的主要内容之间没有任何空格

请看另一个屏幕截图，在这张照片中，您将看到主内容和侧边栏之间的一些空间。 图像链接-

所以我想增加这样的空间，有人知道如何用边距和填充来做吗

我使用的是简单的白色博客模板，所以在哪个类或id中，我需要添加css代码

非常感谢您提供的任何帮助。

Html代码：

<div id="wrapper">

    <div id="left">
        <p>The left-hand content</p>

    </div>

    <div id="right">
        <p>The right-hand content</p>
    </div>

</div>

上面的代码将类似于此图

---

这也不适用于blogger模板，请检查我的blogger模板代码-您能分享您的博客url吗？readtoparticles.blogspot.com

#wrapper
{position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
display: block;
width: 100%;
background-color: #ffa;
    }

#right {position: absolute;
border-radius: 5px 10px / 10px;
    top:5%;
    right: 10%;
    bottom: 0;
    width: 17%; 
display: block;
background-color: #ccc;
overflow: auto;
    }

#left   {width: 60%; height:100%; 
border-radius: 5px 10px / 10px;
margin-top:2.5%;    
margin-left: 10%;
    margin-right: 16%; 
display: block;
background-color: #0ff;
overflow: auto;
    }

p   {display: block;
margin: 0.5em;
padding: 0.2em 0.5em;
    }