Formatting JavaScript Output Horizontally Instead of Vertical List

Question

How can I format this object output to be horizontally listed instead of vertical?

for(var i=0; i<a; i++){
$('#{STORIES.story_id}6').append($('<div>', {text: sound[i].title}));

Amy · Accepted Answer · 2013-03-07 00:19:14Z

1

This is not so much a JavaScript question than it is a HTML/CSS question. The output is vertical is most likely due to the use of <div> tag. It is a block level element, therefore there will always be space before and after this element. (Read more about block vs inline here: http://www.impressivewebs.com/difference-block-inline-css/ )

Try using an inline element. Eg. <span>

Keep in mind that in order to be valid markup, any inline level element must be contained in a block level element. Edit: To clarify, you can't have a block level element inside an inline level element.

edited Mar 7, 2013 at 0:19

answered Mar 7, 2013 at 0:00

Amy

7,5262 gold badges22 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

David Thomas Over a year ago

Why? An in-line element (such as a span) can appear within another in-line element, such as a span, or an a.

Amy Over a year ago

An inline element can be in an inline element. That's fine, but one of its ancestors must be a block element. The good news is that <body> and <html> are both block level.

Collectives™ on Stack Overflow

Formatting JavaScript Output Horizontally Instead of Vertical List

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related