Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

Next challenges

Recent achievements

  • Global
  • Personal


  • Give kudos
  • Received
  • Given


  • Global

Trophy case

Kudos (beta program)

Kudos logo

You've been invited into the Kudos (beta program) private group. Chat with others in the program, or give feedback to Atlassian.

View group

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

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;

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?

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

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! \\ \\



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.

You can also drag a picture to a page.

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>


Suggest an answer

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

What do you think is the most *delightful* Confluence feature? Comment for a prize!

- Create your own custom emoji 🔥 - "Shake for Feedback" on mobile 📱 - An endless supply of GIFs via GIPHY 🤩 Is there anything quite as nice as a pleasant surprise? Comment below with what...

429 views 23 9
Join discussion

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