CSS block element without linefeed at its top and bottom?

[Dilandau]

I want a special column of sequential divs. But normally a div has a linebreak at its end. How can i let the next div start in the line directly after the last character from the previous div (with no linebreak), so that the over all block layout still remains (for justifiy text). In other terms, the first and the last line of a block should be rendered somewhat inline, but the block as a whole should behave as a block and allow to justify the text within it and to use left and right margin.



The problem is, that between two blocks an image should be put as float in alignment to the window border, while overriding the margins of the blocks. for example, if a division between two block would be there -->IMG<--- and the next block starts after the IMG, this should mean, that the image floats to the right border of teh browser window, while the blocks marings are wide like now. But this should be achieved without a linebreak in the block at the place of the image.

[Jazzee]

To get your divs to start on the same line as the one above them add this to div in your stylesheet:

[code:1:5470250e5d]display: inline;[/code:1:5470250e5d]


I'm not sure what you are asking about the image thing.

[Dilandau]

How can the justification and the margins to the window be kept for the divs at the same time?

[Jazzee]

Set the width of the left and right divs. Then the stuff in the middle will take up the space that is left.

It might help if you could show your code and the page if it is up anywhere.

[Dilandau]

The page is there: http://otaku.onlinehome.de/gematria.html

Any image, that is aligned to a window border, now can only be seen at a line break of the middle column. These images float into the middle column text if the window is made less wide.

Left and right are no columns at all now. If divs are inserted there, how can the image from the middle column be aligned to the window border AND float into the middle column if the window is made less wide? How can the left and right column have the height of the middle column?

[Distorted]

They used float.

To do that, don't make it inline. Just add this instead.

[code:1:9603f9c95b]
float: right;
clear: left;
[/code:1:9603f9c95b]

Or the vise versa if you want it to float on the left side.

[Dilandau]

Your answer is not clear. What question does it relate to Please use some more words to describe what you mean and what would happen in relation to which of my questions.

[Distorted]

My answer applies to the post which comes before it.

Left and right are no columns at all now. If divs are inserted there, how can the image from the middle column be aligned to the window border AND float into the middle column if the window is made less wide? How can the left and right column have the height of the middle column?

The float property in CSS makes an element sorta float to a side and let everything wrap around it on the side which the clear attribute is assigned.

I'm not sure if I can get any more clear, but I can try if you don't get it now.

[Dilandau]

To be clear you have to understand the entire thread and see that tehre are multiple questions in it. Currently your post does not answer any of these question but only explains what float means. Realte close to the question and its context in which it has been written. Currently you seem to be out of the context.