CSS Vraag

Ik heb een probleem er stonden eerst buttons op me layout
En die buttons heb ik weg gehaald en wou er tekst in het kader zetten maar dat werkt niet,
Dus is me vraag hoe zet ik er tekst neer..

denk dat het met deze CSS heeft te maken.
||

#horizon { text-align: center; position: absolute; top: 50%; left: 0; width: 100%; }

Me content ziet er zo uit:
||

</head>

<body>
  <div id="horizon">

    <div id="content">
        <h1></h1>
          <ul>
          
          </ul>
    </div>

  </div>
</body>

Nog meer code nodig? vraag het ff in topic

Sorry voor bump maar kan echt niemand hulpi geven?
10 mense bezoeken deze topic maar 0/10 geven antwoord..

ik wil je wel helpen maar ik vind het nogal onduidelijk wat je nu precies wil.

Gewoon text zetten tussen de tag die de div opent en de tag die de div sluit.

Er is een layout (Http://www.Projecta.one2xs.com)
Er stonden in het oranje vak eerst 2 buttons tussen en
Nu probeer ik tekst in het oranje vak te doen maar dat werkt niet want de tekst gaat helemaal boven aan de pagina staan en niet op layout.. en als ik het center doet het ook niet met

Alles geprobeerd dus heeft te maken met het CSS volgens hieronder zie je de 2 codes.

Mijn index :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
ol, ul {
    list-style: none;
}
#horizon { text-align: center; position: absolute; top 50%; left: 0; width: 100%; }

#content { margin-left: -478px; position: absolute;    top: -307px; left: 50%;    width: 956px; height: 613px; background-image:url(img/lang_bg.png)}
    #content h1{background:transparent url(img/lang_h1.png) no-repeat scroll 0 0; display:block; height:158px; width:206px; text-indent:-9999px; position: absolute; left: 374px; top:132px}
    #nl a {background:transparent url(img/lang_btn_nl.png) no-repeat scroll 0 0; display:block; height:34px; width:225px; text-indent:-9999px; position: absolute; left: 365px; top:301px}
        #nl a:hover {background-position: 0 -34px;}
    #fr a {background:transparent url(img/lang_btn_fr.png) no-repeat scroll 0 0; display:block; height:34px; width:225px; text-indent:-9999px; position: absolute; left: 365px; top:348px}
        #fr a:hover {background-position: 0 -34px;}
</style>

</head>

<body>
  <div id="horizon">

    <div id="content">
        <h1></h1>
          <ul>
          
          </ul>
    </div>

  </div>
</body>

</body>
</html>

Css is tussen