Css vraag

Gestart doorAllard2 reacties38 weergaven

3 berichten · pagina 1 van 1

Allard

Lid · Topicstarter

Berichten
970
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
Beste,

Ik heb even een problem. Ik heb de volgende css. Maar het getal moet op de zelfde lijn als first komen. Maar hoe?

Zo ziet het er uit (Natuurlijk nog niet goed):
Afbeelding

Mijn code:

.ui-accordion-numbers { align: right; text-align: right; position:relative; left:97%; }


            <div id="accordion-icons-numbers">
                <div>
                    <h3><a href="#">First</a><span class="ui-accordion-numbers">8</span></h3>
                    <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
                </div>
                <div>
                    <h3><a href="#">Second</a></h3>
                    <div>Phasellus mattis tincidunt nibh.</div>
                </div>
                <div>
                    <h3><a href="#">Third</a></h3>
                    <div>Nam dui erat, auctor a, dignissim quis.</div>
                </div>
            </div>
        </div>
0
Berichten
3.461
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
.ui-accordion-numbers { align: right; text-align: right; }


            <div id="accordion-icons-numbers">
                <div>
                    <h3><a href="#">First</a><span class="ui-accordion-numbers">8</span></h3>
                    <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
                </div>
                <div>
                    <h3><a href="#">Second</a></h3>
                    <div>Phasellus mattis tincidunt nibh.</div>
                </div>
                <div>
                    <h3><a href="#">Third</a></h3>
                    <div>Nam dui erat, auctor a, dignissim quis.</div>
                </div>
            </div>
        </div>


Zo misschien
0
Berichten
15.446
Reputatie
0
Punten
0,00
Lid sinds
Laatst gezien
.ui-accordion-numbers { float:right; margin-right: 5px; }


            <div id="accordion-icons-numbers">
                <div>
                    <h3><span class="ui-accordion-numbers">8</span><a href="#">First</a></h3>
                    <div>Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.</div>
                </div>
                <div>
                    <h3><a href="#">Second</a></h3>
                    <div>Phasellus mattis tincidunt nibh.</div>
                </div>
                <div>
                    <h3><a href="#">Third</a></h3>
                    <div>Nam dui erat, auctor a, dignissim quis.</div>
                </div>
            </div>
        </div>


je
0

Jouw reactie

Deel je idee, stel een vraag of help een ander verder.

Editor laden…

Praat mee met de One2xs-community.

Inloggen om te reageren