Css float a third element with content depending on width?

I think I would do it with a background image on the whole of the "heading" part then use a background color on the name and price div to cover the image however that will only work if the background is a plain colour.

I think I would do it with a background image on the whole of the "heading" part then use a background color on the name and price div to cover the image however that will only work if the background is a plain colour. In answer to your question to get a third div to take up the remaining space between the left and right divs you would use overflow:hidden on it so an example using a dotted border might look like this: Example Fiddle CSS: . DishHead { font-family:Verdana; font-size: 18px; color:#262626; float:left; font-weight:200; } .

DishPrice { font-family:Verdana; font-size: 14px; color:#262626; float:right; } . Spacer { overflow: hidden; border-bottom: 3px dotted #000; } HTML: Dish Name Price Content in the dish,Content in the dish, Content in the dish, Content in the dish,Content in the dish.

You could place lots of dots in an element with dishname and use the fallowing css: . Dishname { width:400px; overflow:hidden; white-space:nowrap; }.

1 or alternatively if the menu is on solid color background, use images with dots as background for the dish name conatiner and make text display:inline-block with background color. – Litek Jun 30 at 9:27 Well, only 1 problem... The name and the price is 2 separate divs. so I don't know how to do theese changes, without braking it.. Check the edit – Jimmy Jun 30 at 9:29 Two separate divs are good thing, example here: jsfiddle. Net/jWxfr the problem is that sometimes a dot can be cut in the middle - the bigger and bolder the font the more visible it is.

But you can't account for text rendering. – Litek Jun 30 at 9:48 Hmm, the problem is I didn't quite post my whole code.. Check edit 2 :P – Jimmy Jun 30 at 11:20.

I cant really gove you an answer,but what I can give you is a way to a solution, that is you have to find the anglde that you relate to or peaks your interest. A good paper is one that people get drawn into because it reaches them ln some way.As for me WW11 to me, I think of the holocaust and the effect it had on the survivors, their families and those who stood by and did nothing until it was too late.

Related Questions