CODEWITHSUNDEEP
htmlline-breaks
leora
leora

Reputation: 196761

how to avoid line breaks between text and lists

i have the following code on a web page:

 Team:
        <ul class="checkboxTree[0] checkboxTree" id="tree2">

. . . . .

the ul list shows up a line below the Text "Team". How can i get it to show up directly to the right of the team and not have any line break.

Upvotes: 0

Views: 353

Answers (2)

Bang Dao
Bang Dao

Reputation: 5102

You can fix this by using css like display, or float. Example:

.checkboxTree
{
float: left;
}

For more information:
http://www.w3schools.com/css/pr_class_display.asp
http://www.w3schools.com/css/pr_class_float.asp

Upvotes: 1

Mikel
Mikel

Reputation: 25636

An unordered list is a block-level element.

I'd need more information to give you good advice, but the simplest way is a CSS rule:

#tree2 { display: inline }

or

#tree2 { display: inline-block }

See the CSS spec for the gory details.

Upvotes: 2

Related Questions