How can I force div contents to stay in one line with HTML and CSS?

by

Try this:

div {
    border: 1px solid black;
    width: 70px;
    overflow: hidden;
    white-space: nowrap;
}

More Related Contents:

  1. Can't remove text decoration
  2. How to make double border on left only with thick outside and thin inside [duplicate]
  3. Why my HTML input field is ‘readonly’ by default [closed]
  4. Bootstrap height
  5. Centering in CSS Grid
  6. What are the implications of using “!important” in CSS? [duplicate]
  7. How to style the parent element when hovering a child element?
  8. How to make this arrow in CSS only?
  9. How to save CSS changes of Styles panel of Chrome Developer Tools?
  10. Bootstrap 3 two columns full height
  11. Why does IE9 switch to compatibility mode on my website?
  12. Why is vertical-align: middle not working on my span or div?
  13. Maintain image aspect ratio when changing height
  14. How to change the length/position of text-decoration:underline?
  15. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  16. White space showing up on right side of page when background image should extend full length of page [closed]
  17. How can I truncate table cells, but fit as much as content possible?
  18. Make a nav bar stick
  19. How to show multiline text in a table cell
  20. How to prevent Chrome from changing font when autofilling username/password?
  21. Label text is wrapped but not indent second line
  22. Line height issue with inline-block elements
  23. HTML5 Required input styling
  24. display background color for the page & align texts at center
  25. how to make responsive website for all devices [closed]
  26. Does the id attribute of an HTML element have to be unique in the whole page?
  27. Why does CSS Grid layout add extra gaps between cells?
  28. how to remove the dotted line around the clicked a element in html
  29. Is it possible to achieve a -like effect without using the tag?
  30. Table vertical header?

Leave a Comment