JSFiddle - React, Tailwind, and code Playground

by Ruben Geert van den Berg

HTML

<dl>
	<dt>name:</dt>
	<dd>whatever</dd>
	<dt>categories</dt>
	<dd>
		<ul>
			<li>item 1</li>
			<li>item 2</li>
			<li>item 3</li>
			<li>item 4</li>
		</ul>
	</dd>
</dl>

CSS

dt{
float:left;
clear:left;
width:6em;
}

dd{
float:right;
float:left;
}

dd ul{
list-style:none;
padding:0;
}

/*Optionally, remove following*/
dd ul{
width:10em;
}

dd ul li{
display:block;
float:left;
margin-right:1em;
}