tabulate list into 3 columns #html #css

list-tabulated-3col.html

<style>
	ul.table {
		width: auto !important;
		margin-bottom: 0;
	}

		ul.table > * {
			display: table-row;
		}

			ul.table > * > * {
				display: table-cell;
			}

				ul.table > * > *:first-child {
					display: list-item;
				}
</style>

<ul class="table">
	<li>
		<div>label</div>
		<div>&nbsp;:&nbsp;</div>
		<div>value</div>
	</li>
	<li>
		<div>long label</div>
		<div>&nbsp;:&nbsp;</div>
		<div>value</div>
	</li>
	<li>
		<div>very long label</div>
		<div>&nbsp;:&nbsp;</div>
		<div>value</div>
	</li>
</ul>