From the snippet below, what would be the best/semantic/most elegant way to set up this html so I can apply margin-bottom to the first two ul elements? The easiest but worst thing I think I could do is add a non-semantic class to those uls. Would that be ok in this situation?
Code HTML4Strict:
<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			p{
				font-weight: bold;
			}
		</style>
	</head>
	<body>
		<div>
			<p>title</p>
			<ul>
				<li>item</li>
				<li>item</li>
				<li>item</li>
			</ul>
			<p>title</p>
			<ul>
				<li>item</li>
				<li>item</li>
			</ul>
			<p>title</p>
			<ul>
				<li>item</li>
				<li>item</li>
			</ul>
		</div>