Why are navbars in pure CSS so hard... set bar to width 100%, fixed (top/left at 0). Logo and links are children in the navbar with logo floated left and links floated right. Simple, right? Here's a picture of the brick wall I've been banging my head against for hours: imgur.com/UauCp1g.

Basically, right-floated stuff is on the line below left-floated stuff for no reason. This is zoomed in; zooming out doesn't change it. I have links in a <ul> with display: inline; applied to it.

I decided to stop floating it to the right and just have everything in one line with a gap between the left and right stuff. This also caused the contents in the <ul> to stop being displayed, uh, in backwards order.

@joshhunt you ok?

o/

I have a question and I can't figure it out...

I have 2 lists with a title and they will be repeated multiple times in a row. jsfiddle.net/3ruotvry but when the 'title' becomes too large it jumps to a new line.. that's normal. But how can I make the part where the <ul><li> starts stay the same for all elements in the 'row'?

hey

@Duikboot display: table

@ZachSaucier On that title? Or is what @JoeConsterdine suggested me also a good option?

you just give the title a minimum height dependant on the largest title length

so usually you'd say a maximum of maybe 3 lines

I didn't look very closely to your markup, but display:table should be on the container, the headings should be in a row, and the lists should be in a row

figure out the height of the header over 3 lines and make that the minimum height

@ZachSaucier you any good with DNS?

@ZachSaucier Oo jsfiddle.net/3ruotvry/2 In combination with the solution of @JoeConsterdine can I generate : jsfiddle.net/3ruotvry/3

@Duikboot dude i wouldn't use tables unless you really need to

ok

what is your goal? to have columns side by side?

@JoeConsterdine why not?

It's tabular-data so actually the use of display-table.. is not really bad here (imo).

@ZachSaucier you shouldn't be using tables for page layout when you can use better alternatives like flexbox, floats, inline-block

it's 2016 not 2005 lol

@JoeConsterdine I don't see a table anywhere in his markup

@ZachSaucier then why display something that isn't a table as a table?

because it's tabular data...

Because it should behave as one?

because you want the same effect as what table gives...

Exactly.

It's included for a reason

The only issue is that <h2> ... jsfiddle.net/3ruotvry/4 >< :D That's what I got so far but that's with a height set on the <h2> heading.

Im not sure if it's possible to say: 'hey take height for h2 as as the one from the 'largest one'.

if you listened to me it would be :P

I tried to :D

there's no reason to use display: table here but whatever

Ofcourse there is... only the implementation is bad... for what i've tried so far.

jsfiddle.net/3ruotvry/6

this is not fair oO

the text is overlapping?

yes, I wasn't sure what he was doing with the max-widths so I left it

I think I get it.

You set: .row : display row and all elements in that row to display: table-cell?

yes

OK :D thanks

Now I understand.

You can do nice things with that :D

Don't overuse it. It makes the markup pretty ugly

@ZachSaucier codepen.io/wardkennes/pen/ObNmNp

for example you can't really change that to making each title and content section come after each other (so stacked vertically) without doing some ugly hacks

I was doing some testing with it.