如何增加菜单栏和小部件之间的空间

I have added multiple images side by side in my blog

我在我的博客中同时添加了很多图片

here is the code

这是代码

<div class="images">
<figure>
 <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSA7XLfGrT1rMS-Ifoguz-X2igsTtMLyNG08eYR0J00YY8zJQzB8Q" style="width:200px; height:100px;"/>
    <figcaption>Itty</figcaption>
</figure>
<figure>
    <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcSA7XLfGrT1rMS-Ifoguz-X2igsTtMLyNG08eYR0J00YY8zJQzB8Q" style="width:200px; height:100px;"/>
    <figcaption>Bitty</figcaption>
</figure>
<figure>
    <img src="http://oi57.tinypic.com/2mrch37.jpg" style="width:200px; height:100px;"/>
    <figcaption>Kitty</figcaption>
</figure>
<figure>
    <img src="http://oi57.tinypic.com/2mrch37.jpg" style="width:200px; height:100px;" />
    <figcaption>Commiteh</figcaption>
</figure>

Here is the css code. I added html and css in same widget by choosing html/javascript external widget in blogger by add widget option and i added that gadget below the menu bar and pages. Iam not able to know the adding of space between the menu bar and this widget. This is the orginal template as it looks In this site

这是css代码。我在同一个小部件中添加了html和css，通过添加小部件选项在blogger中选择html/javascript外部小部件，我在菜单栏和页面下面添加了这个小工具。我不知道菜单栏和这个小部件之间的添加空间。这是原始模板，就像它在这个网站上看到的一样

figure {
    display: inline-block;
    margin: 30px 1em 1em 0;

}

figcaption {
    font-family: 'Comic Sans MS';
    text-align: center;
    font-size: 12pt;

}

1 个解决方案

#1

You're going to have to change your widget order of <div id="HTML3"> and put it after <div id="navbar2-mid">.

您需要更改

的小部件顺序，并将其放在

后面。

And also put a <div class="clear"> after <div id="header-area">.

并将

放在

后。

If I understood your question correctly, this should work!

如果我理解对了你的问题，这应该行得通!

#1