Alan Kellogg

Didn't work. You have to do it internally or inline, and when using a Wordpress theme you'll lose the coding with each update of that theme.

I saw that, but I have to ask, can it be done external, or must it be done internal or inline?

This is what I used. This is what I get (after changing from 3 columns to 2). I have tried pointing out the problem to people at WordPress.org, but they just don't get it. What they find hard to comprehend is that the end of a paragraph is not the end of a column, a column continues on. Only the end of a column is the end of a column, and only then does text continue on in the next column.

Any thoughts?

I give up, if it aint the theme, it's the plugin. I may try again later, but for now I'm taking a break.

I suspect it has something to do with the theme I'm using, Catch Evolution (Word Press)

Then I change themes and the custom CSS disappears. <Sigh>

seems like something's saffecting your p tag........is there any style overlapping your p tag in other css files...can you also show us your html n css code...to get a better view...of what's going wrong....

I don't know, and I don't know how to find out.

Look into forcing column breakshttps://css-tricks.com/almanac/properties/b/break-inside/

Bad news, didn't work.

But the op does not when using multiiple paragraphs that the paragraph/s when related to specific subject moves to another column (i think), so you need to break after each specific paragraph, or header maybe better option. That is when my last post code comes in depending on op needs.

That is my experience. I have to ask, has anybody tried the code inline?

#content p {margin: 0;}On its own this will only remove spacing between paragraphs, so it becomes one big block of text, it won't create columns.

I'm aware of that. So I added more coding and got the look I currently have. However, the CSS provided for columns didn't work on my site, with text from one paragraph bleeding over to the other column. Here is the code I used, with "p" replacing "div"

div { -webkit-column-width: 100px; /* Chrome, Safari, Opera */ -moz-column-width: 100px; /* Firefox */ column-width: 100px;}

p {    -webkit-column-count: 5; /* Chrome, Safari, Opera */    -moz-column-count: 5; /* Firefox */    column-count: 5;}

Tried that, didn't work. This did;

 

#content p {margin: 0;}

p {    -webkit-column-count: 5; /* Chrome, Safari, Opera */    -moz-column-count: 5; /* Firefox */    column-count: 5;}<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. ###### sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus.</p>

Where does it go?

Has anyone worked on using HTML to put text into columns? I know you can fake it using table HTML, but at times that can have problems.

Can CSS be used to put paragraph text into columns? If so, how? Would it be best done externally, internally, or inline?

Goal: To set text indent in the first paragraph after a heading to a value of 0px; with subsequent paragraphs to be set with a text indent of N.px.

Query: Can this be done?

I know you can simulate columns in text by using tables, but there are a few problems. Such as a cell expanding the more text you add. So I have a proposition;

1. Lock the cells. Set the size of the cells in then lock that size. The cell is then limited to the number of characters one may add depending on the size of the cell, the font family, the font size, the font weight, the font style, and other relevant things.
2. Lock the table. Set the dimensions of the table, then lock them. Attempting to add anything more than what the table can hold fails.
3. Automatic carry over. In the case of a cell anything over and above is placed into the cell immediately to the left of the first cell, or into the first cell on the left in the row below the one. When the current cell is the last one in a table to covers the page (whatever the page dimensions), the table in question is copied on the next page and entries continue as before. (Any table copied has the settings of the original.

In addition, I recommend adding a specialized table, to consist of one cell (though it can have additional cells if your formatting calls for it), to be set to the size of a sheet of paper---either a standard size such as American Legal or British A4 plus margins, or a custom size---giving the writer a text area material may be added to. But once the "page" is full a new "page" is created where the work can continue. Note that this means a link would be added on the old page to the new one. I'm suggesting this because I'm tired of web pages that go on and on and on (and on and on and (on and on))) until the Moon is about to enter the Earth Roche Limit and break up. And that's a long time away.

What do you think?

(Note that not everybody uses a small screen to visit the Web, and sometimes a large browser window means really long lines of text. Naturally my suggestion would have to be responsive to screens or windows of various sizes. Besides which, I want to be able to present pages on my site that look like the pages in a book or a certain format.}

I know one is supposed to keep CSS and HTML documents separate, but sometimes one does need to incorporate CSS into an HTML template. Such as when one wants to style an element in just one part of the site, instead of overall. So here is my proposal.

HTSS: Hyper Text Style Sheet. Not a combination of HTML and CSS code, but HTSS code. HTSS code would both tell what the element is (paragraph or font for example), but style it as well. There would be a single sheet with the appropriate codes ({Font: Chicago} for example) and whenever a person uses the Chicago font the tag {Font: Chicago} would be inserted automatically by a wys... editor, or would be hand inserted in a text editor.

HTSS would also include tagging for other properties, as needed. The goal here is to simplify lives. The grammer would be {Element: Style; (etc.). So for green text at 15 pts the tag would be {font: type: Chicago; size: 15pt; color: green}

What do you think?

I can find CSS for columns, but they all seem to be for a page as a whole. I just want columns in my text, and would like to now how to do that.

The ability to change our passwords would help a lot.