Posizionare due elementi all'inizio e alla fine con codice css

[giopalla]

Ciao Ragazzi, sto cercando di fare qualcosa per me di nuovo, e francamente non ci sto riuscendo in nessun modo tramite codice css. Vorrei posizionare due elementi grafici (in questo caso le virgolette) all'inizio e alla fine del testo. In allegato sara' piu' semplice capire di cosa si tratti
Posto il codice html e il codice css utilizzato.
____________
<style type="text/css">
<!--
#Stile1 {
color: #333333;
font-size:16px;
height:20px;
width:100%;
text-align:center;
padding-top:3px;
padding-bottom:2px;
padding-left:0px;
padding-right:0px;
background-image: url(img/img2008/viirgoletta-sx.gif);
background-attachment: scroll;
background-repeat: no-repeat;
background-position: right bottom;
border-top-width: 1px;
border-bottom-width: 2px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: orange;
border-right-color: orange;
border-bottom-color: orange;
border-left-color: orange;
background-color: #fcfcff;
font-variant: small-caps;
font-weight: bold;
}
-->
</style>

<div id="Stile1">Titolazione della Pagina</div>
_____________
Sperando col cuore che qualcuno mi illumini vi saluto

[floyd46]

ciao
potresti crearti 2 span, associando 2 classi separate e le metti una all'inizio ed una alla fine del testo.
Floyd

[giopalla]

Originariamente inviato da floyd46
ciao
potresti crearti 2 span, associando 2 classi separate e le metti una all'inizio ed una alla fine del testo.
Floyd

Cioè come, mi fai un esempio per favore??

Grazie di cuore

[floyd46]

span.quotesx{il tuo codice qui...}

span.quotedx{il tuo codice qui...}

nella pagina html:


<span class="quotesx"></span>bla bla bla<span class="quotedx"></span></p>
ciao