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

Indenting a macro

Macros like Code Block and Info appear to always be aligned with the left margin, but I would like to indent them.

I have text that is formatted in indented paragraphs and I want to use the Info macro to highlight the next paragraph but it should keep the same alignment.

I am able to achieve something like this by defining a section and columns, but it feels like a hack. Are there other alternatives

6 answers

Working off @matthew's suggestion, I have found that just doing a DIV with an inline style works for me.


<div style="margin-left: 30.0px">



P tags with the same style around code macros get stripped when saving your changes but the DIV tags don't.  At least not yet...that may change or your mileage may vary.

Thank you.  This works great.

How do you add a div on the page?

Edit the "HTML" of the content by clicking the "<>" icon in the upper right and just type it in:

<div style="margin-left: 90.0px;">This is a div with a left-margin</div> 

A. I don't see such an icon. It seems like it would no longer be available in Confluence 5, and the is unsupported. "It's unsupported because Atlassian has not had the time to maintain it. There are a lot of open bugs"

B. So a panel macro around the other macro is one option 
Make border and background colors #FFFFFF. Nest panel macros to get more indent. Unfortunately, you also get more space above and below, which is terrible.

C. Another option is the bulleted list (ht: Demsky). When I wanted a macro in the midst of a bulleted list, I even managed to produce it without a bullet by using shift-enter on the previous line and then creating the macro (e.g., expand).

Like Roger Persson likes this

You can add a div by typing {div and then select it from the drop-down list of macros.

And thanks Peter, this works for me!

Any solution will be "a hack" if you're styling the output of a macro that does not take style parameters. That being said, there are some ways to achieve this without being too invasive. The primary way I would do it is define a custom style in CSS for the macros that you want.

For example, insert a Code Block macro in your page and then view the output. You'll notice that it's inside the following div:

<div class="code panel">

As a result, if you add something like the following to your CSS, you should achieve proper indentation:

div.code.panel {

margin-left: 100px !important;


Would your suggestion result in the all code blocks (within the space which uses the CSS) being indented by 100px?

Part of the problem as I see it is that the macro closes the current (indented) paragraph rather than inserting within the paragraph.

Make a panel macro around the macro to be indented, like this:

this is code block text

(Set Border Color to #FFFFFF or white.) However, that produces 0,5" or so too much space above the macro (and slightly too little indentation for my purpose). Are there any better solutions?

Indent macro does not allow macros inside. Could somebody please write an Indent1 macro that does allow macros inside and either an indentation parameter or spaces before the Indent1 macro? Or better, the two macros suggested here:

Anyway, Atlassian should allow macros like Code Block or Page Tree appear within text. That way I'd just need to add some spaces before them to get the indent. (also mentioned in


What I've done is create the code block, create a bulleted list directly above the code block, copy/paste the code block onto the bulleted list, delete the original code block. Kind of hacky and it does add a bullet before the code block, but it works.

I was able to indent the "expanding text" macro by using a snippet of CSS as follows. This affects all the expanding text macros on the page.

.expand-control-icon {
  margin-left: 58px;
0 votes
Deleted user Apr 11, 2019

I used a Section with a spacer Column:

  • tbaker- 2019-04-11 at 07.31.47 AM.png

This is what it looks like:

  • tbaker- 2019-04-11 at 07.32.09 AM.png

That was most helpful for the localized macro indents. It still blows my mind that Atlassian is so early 1990s about such basic formatting needs.  :-(

Suggest an answer

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

Please tell us how you use Confluence space settings

👋 Hi there, a few of us at Atlassian would love to learn about how you use "space settings" functionality in Confluence. A facelift to the space settings is long overdue and we want to start with im...

567 views 15 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