Preventing a <pre> from wrapping inside of a table
问题 I have a table with two columns. One has some property names and the other has descriptions, including pre tags. I need the pre tags to not wrap and instead scroll to see overflow. I also need the first column to be sized based on the largest property name. I can't get the two to play nicely with each other. For example I can get the first column to size based on the content but the pre won't scroll: .main-content { max-width: 800px; border: 1px solid red; } pre { overflow: auto; } <div class