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
  1. <div class="container">  
  2.     <span class="szoveg">hello sdf sdfsdf szoveg <i>i</i></span><br />  
  3.     jani<br />  
  4.       
  5. </div>  
css
  1. .container{  
  2.     width:100%;  
  3.     text-align:center;  
  4. }  
  5. span{  
  6.     display:inline-block;  
  7.     position:relative;  
  8.     line-height:20px;  
  9.     background-color:#090;  
  10.     color:#fff;  
  11.     padding:0 5px;  
  12. }  
  13. i{  
  14.     display:block;  
  15.     width:20px;  
  16.     height:20px;  
  17.     text-align:center;  
  18.     line-height:20px;  
  19.     color:#fff;  
  20.     background-color:#00f;  
  21.     position:absolute;  
  22.     right:-25px;  
  23.     top:0px;  
  24. }  
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. :))))