CSS Dynamic width on element

Question

I'm trying to make an horizontal layout, though the UL element keeps clipping and putting it back on new line.

Like this:

enter image description here

What I want is that everything is on a single line that without having to set the width manually.

The site can be seen here: http://prv.sampettersson.com

@Pietu1998 setting the width manually (not ideal), setting the width to 100%, setting the width to auto, setting html, body to 100% (didn't do anything), and some more... — Sam Pettersson
– Sam Pettersson, Commented Sep 8, 2013 at 10:00

Danield · Accepted Answer · 2013-09-08 10:04:46Z

3

Add white-space:nowrap; on the parent element

answered Sep 8, 2013 at 10:04

Danield

127k37 gold badges235 silver badges267 bronze badges

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

1 Comment

Jonathan Over a year ago

Yes, that seems to be the better solution

Jonathan · Accepted Answer · 2013-09-08 10:00:31Z

0

Something like this seems to do that:

CSS

ul{
list-style: none;
height: 200px;
overflow: hidden;
width: 20000px;
}

answered Sep 8, 2013 at 10:00

Jonathan

9,1924 gold badges47 silver badges82 bronze badges

1 Comment

Sam Pettersson Over a year ago

Somewhat what i did to begin with. I can't do that as their are multiple element containing different amounts of photos. What I need is to have the element set to 100% or something like that (which is what doesn't work)

Collectives™ on Stack Overflow

CSS Dynamic width on element

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related