How can I display, horizontaly the multi-fields that I programmed Content Query to pull into a subsite?

Question

Hello all
Am using SP Online,
After doing the step by step programing found on
http://www.heathersolomon.com/blog/articles/customitemstyle.aspx
I was able to pull from a contact list the apt #, last name and first name of a contact list onto a subsite. But the information displays' vertically
Example
709
Smith
John
How can I get it to display horizontally?
709 Smith John
Thank You
Pierre
PS: for those who want to do the same, (as per many questions and blogs I have read) if you go to the link above, note that step 17 the original line of code and the one you would need is almost identical except you have to take out the forward slash
after "string" see the correct line of code (as shown on the blog below) but I missed the minor difference which of course prevented the webpart to work properly.
<property name="CommonViewFields" type="string">InternalColumnNameGoesHere,
FieldType</property>
pgg02

Answer 1

Hello,
the answer is in step 21 of Heather Solomon's tutorial:
Wrap HTML around the tag to format the data.  
Please note!! When the page renders the CQWP, the site grabs the Item Style for each line of data.  So we can't add a table and expect that each line of data will be in a row.  Instead we get a full table for each line of data. 
Keep this in mind as you style the HTML around the data.
You need to create the html structure and place your fields inside. To have the values show up in one row with spaces between them, place the three field calls in the same row, like
<div><xsl:value-of select="@Field1" /> <xsl:value-of select="@Field2" /> <xsl:value-of
select="@Field3" /></div>
cheers, teylyn