Ajuda

Front-end
#1

Olá,

estou com uma dificuldade em deixar um titulo longe da imagem conforme página abaixo
o que acontece a palavra Relatório está colada da imagem e gostaria que ficasse mais centralizada
mais não estou conseguindo por exemplo uma distância maior da imagem + " "+ Relatório

se alguém puder me ajudar agradeceria…


(imagem)Relatório


<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
	<title>
	    <ui:insert  name="titulo">Emissão de Relatório
	    </ui:insert></title> <!-- (2) -->
	<h:outputStylesheet library="css" name="estilo.css"/>
	<style type="text/css"><!--
	#logotipo {
		text-align: left; 
		float: left;
	} -->
    </style>
</h:head>
<h:body>
	<div id="container">
	    <div id="logotipo" dir="ltr">
			<h:graphicImage library="imagens" name="OK.jpg" height ="80" />
		</div>
		
		<div id="titulo" dir="rtl">
		                                Relatórios
		</div>
		
		<div id="barra_menu" >
	    	<ui:insert name="barra_menu">
	    		<ui:include src="/restrito/menu_sistema.xhtml"/>
	   		</ui:insert>  
		</div>
		<div id="corpo">
			<ui:insert name="corpo"/>
		</div>
		<div id="rodape">
	    	<ui:insert name="rodape">
	    		<ui:include src="/publico/rodape.xhtml"/>
	    	</ui:insert> 
		</div>
	</div>
</h:body>
</html>
#2