Как сделать автоматическое расширение div / span, как в таблице?

Question

Итак, это то, что я хочу:

<span>Field 1</span><span>Field 2</span><span>Field 3</span><br />
<span>Content A1</span><span>Content B1</span><span>Content C1</span><br />
<span>Content A2</span><span>Content B2</span><span>Content C2</span><br />
<span>Content A3</span><span>Content B3</span><span>Content C3</span><br />

Теперь я хочу, чтобы у Field1 была такая ширина, как у самой большой Константы А1 / Константы А2 / Константы А3.Другими словами, каждый столбец автоматически расширяется до максимальной ширины содержимого.Прямо как в таблицах.Это выполнимо?

Answer 1

вы можете использовать этот CSS: span{ display: table-cell; }

http://www.w3schools.com/cssref/pr_class_display.asp