Display 2 buttons in a single row?

[boy18nj]

I have an abc.xhtml which defines an button1 and it uses an custom:tag (inside this tag button2 is defined) .

abc.xhtml - button1 is defined like this-

<s:button id="extractCSV" value="Extract CSV" styleClass="tbtn"></s:button>

Inside custom:tag - button2 is defined like this-

<s:button id="extract CSV1" value="Extract CSV" styleClass="tbtn"></s:button>

On UI, both buttons are displayed on separate rows.

How could I display both buttons in a single row ?

[nbelaevski]

Hi Aman,

Are buttons rendered to inline or block HTML elements? Is there enough horizontal space to hold both buttons without wrapping them?

[boy18nj]

Hi Nick,

Sorry I could not understand what it means by rendered to inline or block html elements.

If i understand you, 1 button is defined inside the page and the other button is rendered inline. And we are using ui:composition not html elments.

Yes there is more than enough horizontal space for 2 buttons without wrapping.

Thanks

[nbelaevski]

Aman,

Here is some information about that: http://www.quirksmode.org/css/display.html . What I meant to say is that some elements have default block 'display' (e.g. DIV) and some are 'inline' (e.g. SPAN or INPUT). And, simply speaking, block elements start new line, while inline do not. Can you please post snippet of rendered HTML code (together with CSS styles), so that we can review it in more details?