Space between text / graphic and the bulletin list below

[dansbanners]

Hi,

I'm wondering how to have more control over the space between the text and the bulletin list below.

For instance, if I have the codes as something like the following:

<-- start of codes -->

<div align="center" style="padding: 0px 0px 0px 0px;">
<img src="images/headers/graphic.png" width="128" height="27" ></div>
<ul>
<li>List Item I
<li>List Item II
<li>List Item III
</ul>

<-- end of codes -->

And I'd think there's too much space between the graphic and the first List Item?

How to reduce or have more control over the space between the text or graphic above and the first List Item below?

I'd appreciate it. Thanks in advance!

[johnfl68]

You need to set a style attribute to change the default for the list:

<-- start of codes -->

<div align="center" style="padding: 0px 0px 0px 0px;">
<img src="images/headers/graphic.png" width="128" height="27" /></div>
<ul style="margin-top:0">
<li>List Item I
<li>List Item II
<li>List Item III
</ul>

<-- end of codes -->


John

[dansbanners]

You need to set a style attribute to change the default for the list:

<-- start of codes -->

<div align="center" style="padding: 0px 0px 0px 0px;">
<img src="images/headers/graphic.png" width="128" height="27" /></div>
<ul style="margin-top:0">
<li>List Item I
<li>List Item II
<li>List Item III
</ul>

<-- end of codes -->


John

That did the trick. Thanks! :yeah:

[johnfl68]

Glad I could help!

John