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

4 answers

This widget could not be displayed.

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.

This widget could not be displayed.

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


This widget could not be displayed.

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> 
This widget could not be displayed.

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.

Suggest an answer

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

Why start from scratch? Introducing four new templates for Confluence Cloud

Hi my Community friends!  For those who don't know me, I'm a product marketer on the Confluence Cloud team - nice to meet you! For those of you who do, you know that I've been all up in your Co...

147 views 1 4
Join discussion

Atlassian User Groups

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

Find a group

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

Find my local user group

Unfortunately there are no AUG chapters near you at the moment.

Start an AUG

You're one step closer to meeting fellow Atlassian users at your local meet up. Learn more about AUGs

Groups near you