Wrap table row to the next line

by

Change the cells to inline blocks:

#table_id {
  display: block;
}

#table_id td {
  display: inline-block;
}

td {
  background: green
}
<table id="table_id">
  <tr>
    <td>testtesttesttest</td>
    <td>testtesttesttest</td>
  </tr>
</table>

jsfiddle

More Related Contents:

  1. Grid or Table? for Text and an Image on the bottom right (4/4) [duplicate]
  2. Make headings (h1, h2, …) inherit style from body
  3. How can I vertically align elements in a div?
  4. Does UL have default margin or padding [duplicate]
  5. Why doesn’t the height of a container element increase if it contains floated elements?
  6. Text in Border CSS HTML
  7. How can I “disable” zoom on a mobile web page?
  8. How can I scale an entire web page with CSS?
  9. Shape with a slanted side (responsive)
  10. CSS margin adds space outside parent element [duplicate]
  11. How do I fit an image (img) inside a div and keep the aspect ratio?
  12. Center Triangle at Bottom of Div
  13. CSS display none and opacity animation with keyframes not working
  14. Table headers position:sticky and border issue
  15. Chrome: Automatic shift of web elements
  16. How to make image caption width to match image width?
  17. Why can’t I use a heading tag inside a p tag and style it with CSS?
  18. 5 images symmetrically seperated with diagonal lines
  19. Extra space under textarea, differs along browsers
  20. How do I use the z-index properly?
  21. How to align texts inside of an input?
  22. Border around tr element doesn’t show?
  23. Is it possible to specify a starting number for an ordered list?
  24. Simulation of a placeholder
  25. How to force inline divs to stay on same line?
  26. A true sticky footer with a fixed header?
  27. How to stretch div height to fill parent div – CSS
  28. Is there an equivalent of CSS max-width that works in HTML emails?
  29. Prevent floated divs from wrapping to new line
  30. How to get horizontal scroll bar in select box in IE?

Leave a Comment