Konunun kapandığını görmedim yazmak istedim.
<head> tagı arasına style kodlarımızı yazıyoruz burda istediğin bölüm .etiket h1 {float:left;} bölümüdür. padding ayarlarıyla yazıların arasını açabilirsin veya kapabilirsin.

.etiket a ise link seçenekleridir. sana kalmıs birşey.

önemli kısım style olusturup bırakmıyoruz. h1 yazılarımızı <div class="etiket">...</div>
taglarının arasına yazıyoruz. float hakkında araştırma yaparsan ne işe yaradığını çok iyi anlarsın. float olmassa olmazlardandır.

<style>
.etiket { width:100%; height:40px;}
.etiket a { text-decoration:none; color:#000099; }
.etiket a:hover { text-decoration:none; color:#FFFF00; }
.etiket h1{ float:left; padding:0 30px 0 30px;}

</style>
</head>

<body>

<div class="etiket">

<a href=index.php/kategori/teknoloji/><h1>Teknoloji Haberleri</h1></a>
<a href=index.php/kategori/mobil/><h1>Mobil Haberler</h1></a>
<a href=index.php/kategori/oyun-tanitim//><h1>Oyun Tanıtım</h1></a>

</div>

</body>