How do I get the text to show?

The code where the text isn’t showing.

This is an example:

.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>

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.

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

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?

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.

2 Likes

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.