How to add whitespace between components in `apex:form`?

Question

How to add space between two inputText components in apex:form?

<apex:form>
    <apex:inputText value="{!inputValue1}"/>
    ... Add space here ...
    <apex:inputText value="{!inputValue2}"/>
</apex:form>

Chris Duncombe · Accepted Answer · 2014-08-25 11:42:26Z

15

You can use normal html tags like <br/> or  . You could also use the styleClass attribute and use css to add paddings or margins as well.

See here for more info on styling in SF

answered Oct 30, 2013 at 21:03

Chris Duncombe

24.2k12 gold badges76 silver badges116 bronze badges

2

HTML collapses whitespace. You can do as the ninja suggested or use   -- a space character that will not collapse.
– Phil Rymek
Commented Oct 30, 2013 at 21:07
Yes,   is a good alternative as well
– Chris Duncombe
Commented Oct 30, 2013 at 21:11
I tried nbsp;, and it works great! Thanks @PhilR and @SF_Ninja!
– Mingyu
Commented Oct 30, 2013 at 21:14
No prob, glad to help
– Chris Duncombe
Commented Oct 30, 2013 at 21:21
I have a <apex:outputlabel value="<Need to Insert Blank space here>"/> ? How can i do that any idea?
– Akash Nidhi P S
Commented Apr 25, 2014 at 14:25

Add a comment |

1 Answer 1