¿Te refieres a donde están estos?
*Branch
*FinderRecipes
*Broadband
*MyWaitrose
Es una lista de hecho. Si ves el código fuente, puedes ver la siguiente info:
Código HTML:
<div class="quicklinks">
<ul>
<li id="ql-branchfinder"><a href="#">Branch Finder</a></li>
<li id="ql-recipes"><a href="#">Recipes</a></li>
</ul>
<ul>
<li id="ql-broadband"><a href="#">Broadband</a></li>
<li id="ql-mywaitrose"><a href="#">MyWaitrose</a></li>
</ul>
</div>
Código:
.quicklinks{margin:10px 0 2px 20px;padding:0;float:right;width:250px;
height:52px;border-left:1px solid #c0df56;}
.quicklinks UL{margin:0 10px;list-style-type:none;}
.quicklinks UL LI{float:left;display:inline;margin:0 0 2px 2px;
padding:3px 5px 4px;border:1px solid #c2df5b;
background:#56aa00 url('../img/bg/headerbtn.gif') repeat-x;}
.quicklinks UL LI A{text-decoration:none;}
.quicklinks UL LI#ql-branchfinder { width : auto; }
.quicklinks UL LI#ql-recipes { padding-right:6px; padding-left:5px; }
.quicklinks UL LI#ql-broadband { width : auto; clear:left; }
.quicklinks UL LI#ql-mywaitrose { width : auto; }
Bueno, quizá esté un poco liado, pero para ponerlo simple, puedes hacer algo así:
Código HTML:
<div style="width:200px;height:20px">Texto</div>
Suerte
