Come for the products,
stay for the community

The Atlassian Community can help you and your team get more value out of Atlassian products and practices.

Atlassian Community about banner
Community Members
Community Events
Community Groups

How can I continue a numbered list which contains pictures

like this:

1. first do this

<supporting picture>

2. next do this

<yet another supporting picture>

Is this possible ?

7 answers

1 accepted

0 votes
Answer accepted


I would look into our source editor.

It will give you the ability to edit the raw html of a page and ensure that your items are formatted like the following

  &lt;li&gt; {picture1} &lt;/li&gt;
  &lt;li&gt; {picture2} &lt;/li&gt;

Yes but WHY should we have to buy an additional application to carry out a simple task?

If using using the new edittor (aka, Confleunce version is greater then 4.0) we can start the list and at the end of the first line press 'shift+enter' to start a new line (but not a new numbered line). Then drag and drop the image into place and then press 'enter' which will start the next numbered line.

The above may be a bit confusing so I made a video at the following link as well showing the process, enjoy.

This is the holy grail of Confluence editing! I have no idea how many hours I've struggled with formatting lists containing code blocks and images but that stops now

Like Tim Oppenlander likes this

This should be the accepted answer.

Like # people like this

Bloody brilliant!

Like # people like this

This was super helpful & saved a ton of time and headache. Thank you!

Like Tim Oppenlander likes this

I have been using this method successfully, but I have come across one list that refuses to play ball. Steps 1,2 and3 work OK, but from step 4 onwards the number appears alongside and at the foot of the image (see the attached Example).

Even stranger, the formatting looks fine in Edit mode, this only happens when I Publish. Can you suggest a reason. I have tired recreating the list, but the same things happens.

Agreed - This should be the accepted answer.


No plug-in needed.

Deleted user Aug 19, 2019

You saved my time thanks for this brilliant suggestion Shift + Enter !!!!!!

I was using shift+enter already, but it doesn't solve the problem for tables :-( .

Any ideas?

Like Bill Rudy likes this

This does work, but a word of caution: make sure the table/picture/whatever is itself not copy/pasted from a numbered or bulleted list. It will not work in this case. 

1 vote
Deleted user Sep 20, 2017

I did it putting the pictures inside a div macro with a style display:table to solve positioning errors.

1. text text 

2. <press enter here so it puts 3 below> <now click on backspace here and 3 changes to 2, now you can paste your picture here>


You can also drag a picture to a page.

I found you can paste the image to a part of the page that is not a numbered list such as the bottom. Then you can click and drag it to under the numbered line you want.

If you paste the image to the number line it wont work and you cant drag the image to be under the line either. It must add something to the markup when you paste an image to the numbered line. You can only click and drag the image under the numbered line if no image was on the numbered line before.

0 votes
Thomas Schlegel Community Leader Jun 09, 2013


with Wiki Markup, it works like this:

# abd \\ \\ !po1.jpg! \\ \\
# bdfs \\ \\ !po1.jpg! \\ \\
# asdf \\ \\ !po1.jpg! \\ \\



Suggest an answer

Log in or Sign up to answer
Community showcase
Published in Confluence

An update on Confluence Cloud customer feedback – June 2022

Hi everyone, We’re always looking at how to improve Confluence and customer feedback plays an important role in making sure we're investing in the areas that will bring the most value to the most c...

360 views 2 9
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you