How do I get the text to show?

[asasass]

The code where the text isn’t showing.

Edit fiddle - JSFiddle - Code Playground

This is an example:

Edit fiddle - JSFiddle - Code Playground

.wrapd .tcell {
  display: table-cell;
  padding: 18%;
  vertical-align: middle;
  text-align: center;
  font-family: New Times Roman;
  font-size: 18px;
  color: #00E5EE;
}

 <p class="tcell">text text text text text</p>

[Ray.H]

@asasass

The code where the text isn’t showing.

That example doesn’t work because it does not have display:table; on the table-cell’s parent.
But it’s not as easy as setting display:table on the parent because the layout has progressed too far along with other elements.

The other thing is that width acts as min-width when used with display:table;
I see the parent expanding when you add display:table; which is wrecking the layout.

[asasass]

Is there a solution that would work, or is it not possible?

[TechnoBear]

@asasass

Is there a solution that would work

Do you mean a solution, as in a way to achieve the layout you want, even if this means starting again from scratch, or do you mean a quick fix?

@TechnoBear

The very first step is planning. I don’t mean getting an idea and immediately flinging code at it. I mean sitting down and thinking about the project. What is it for? What content does it require? How should it look? How should it behave? Think through the entire project carefully. Don’t just think about one single aspect, but about the page / project as a whole. How do the parts relate to each other? Does the behaviour of one affect the behaviour of another?

…

Once you have a clear idea of the finished project, then you can start with the content and add the HTML markup, then progress to the CSS and finally the JS.

This seems to be the step that you are missing every time. It also seems you still haven’t grasped the fact that you cannot take CSS from one layout and paste it into a page with a different HTML structure and different layout and expect it to behave in the same way.