ugrás a tartalomhoz

középre igazítás

Blackfriar · 2013. Nov. 30. (Szo), 07.22
Sziasztok !
Egy változó hosszúságú, de egysoros szöveget szeretnék középre helyezni, és a szöveggel egy sorban még egy ikont is szeretnék megjeleníteni.
A lényeg, hogy a szöveg mindig középen legyen (és ne az ikonnal együtt kerüljön középre), valamint hogy az ikon mindig azonos távolságban legyen a szöveg végétől.

Előre is köszönöm a segítségeteket.
‹ Javascript érték növelés bizonyos időközönként JavaScript ›
 ■
1

jsfiddle html<div

szabo.b.gabor · 2013. Nov. 30. (Szo), 07.51
jsfiddle

html
<div class="container">
    <span class="szoveg">hello sdf sdfsdf szoveg <i>i</i></span><br />
    jani<br />
    
</div>
css
.container{
    width:100%;
    text-align:center;
}
span{
    display:inline-block;
    position:relative;
    line-height:20px;
    background-color:#090;
    color:#fff;
    padding:0 5px;
}
i{
    display:block;
    width:20px;
    height:20px;
    text-align:center;
    line-height:20px;
    color:#fff;
    background-color:#00f;
    position:absolute;
    right:-25px;
    top:0px;
}
2

Volt egy olyan érzésem

Blackfriar · 2013. Nov. 30. (Szo), 08.14
Volt egy olyan érzésem, hogy egyszerű, teljesen triviális lesz a megoldás. :))))