CODEWITHSUNDEEP
css
SuperString
SuperString

Reputation: 22519

css question- cut off box

http://glowing-fire-495.heroku.com/users/3

I was wondering if anyone knows why the tags in the yellow box is cut off like that on the right side?

How can I make it so it doesnt do that?

Upvotes: 0

Views: 377

Answers (3)

Andrew
Andrew

Reputation: 12432

Change the margin and display in#tagsDiv a to:

#tagsDiv a {
    margin: 2px;
    display: inline-block;
}

Tested with Firebug, looks alright. The code above will keep it from being cut off, and it'll space them out a little bit so they aren't top-to-bottom.

Upvotes: 1

phihag
phihag

Reputation: 287845

The tag is not cut off, there is just an (automatically inserted) line break in its text. Set

white-space: nowrap;

on the tag elements.

Upvotes: 0

JakeParis
JakeParis

Reputation: 11210

add to your css

#tagsDiv a {
    white-space:nowrap;
}

Upvotes: 2

Related Questions