Как да позиционирам 2 елемента ?

breakforce

Registered
Как мога да позиционирам по следния начин елементи "Текст" и срещи него да има една линия като на картинката по долу ...

 
Зависи как искаш да зададеш линията. По принцип, за да позиционираш така елементи, и двата трябва да имат следният стил:
[css]
float: left;
position: relative;
[/css]

Слагаш текста в един <div> и линията също, като им зададеш такъв стил.

Надявам се да съм помогнал. Успех!
 
когато флоатнеш елементите, тоя с линиятя за да се изравни по желания начин с текста му даи отрицателен маргин нагоре.
 
mo7ika каза:
когато флоатнеш елементите, тоя с линиятя за да се изравни по желания начин с текста му даи отрицателен маргин нагоре.

Ако линията е изображение може да даде:
[css]
vertical-align: middle;
[/css]
 
аз го правя по следния начин и не става и с 2-та варианта :\

HTML:
<h1>Примерен текст</h1><div class="line"></div>
[css]h1 { font-size: 13px; color: #ccc; }
.line { background: url("images/line.gif") repeat-x; width: auto; height: 1px; }[/css]
 
Ами аз до колкото виждам не си задал нищо в CSS-а. Ако и <h1> го вкараш в собствен <div> трябва да стане...
 

Back
Горе