Html + css

9

vshoke

1 ноября 2010, 07:06

1381

Добрый день.

Вопрос таков:

есть блок вида

<div>

  <p>text

    <span>text</span>

    <span>text2</span>

  </p>

</div>

как сделать так, чтоб text2 располагался в правом нижнем углу данного блока?

S

57

scva

1 ноября 2010, 07:21

#1

используй свойства display и position

Рыболовный интернет-магазин BigFish (http://bigfish-shop.biz/)

V

9

vshoke

1 ноября 2010, 07:27

#2

scva, а можно продробностей?

198

Руслан Исмаилов

1 ноября 2010, 08:44

#3

vshoke, добрый день. Опешите более подробно, как это будет использоватся или лучше скриншот.

Если высота правого блока известно то тогда примерно так:

html

css:

.your-block {
width:500px;
position:relative;
padding:0 0 25px 0; /* Внутренний отступ мы даем для того что бы ненаехать на блок text2 для этого отступ мы даем равной высоте блока text2 + еще чутка:) */
}
.text2 {
height:20px;
line-height:20px;
position:absolute;
bottom:0; right:0;
}
или
.text2 {
display:block;
text-align:right;
}
или
.text2 {
float:right;
}

Тут все зависит какую цель вы приследуете.

WordPress Gutenberg помогает улучшить Секреты современного SEO цикл AdSense объявил, что меры

V

9

vshoke

1 ноября 2010, 08:52

#4

musulman,

могу выложить реализацию со стилями, но она не подходит.

Высота общего блока фиксированая. Спасибо что отозвались =)

C

291

Chukcha

1 ноября 2010, 09:44

#5

<div>
<p class="up"><b>Thanks...</b></p>
<p class="middle">Добавляет...</p>
<p class="down"><a href="#">Скачать</a></p>

</div>


.down {
   margin-top:2em;
   text-align:right;
}

V

9

vshoke

1 ноября 2010, 09:55

#6

Chukcha, не катит, если только будет больше текста, оно уходит за границы.

48

furnaslives

1 ноября 2010, 10:08

#7

попробуйте так:

Разработка приложений для android. Мои приложения и игры (https://play.google.com/store/apps/developer?id=Evgeniy) на play.google.com

V

9

vshoke

1 ноября 2010, 10:13

#8

furnaslives:
align:bottom;

на сколько я знаю, такого свойства в css нету о_О

48

furnaslives

1 ноября 2010, 10:13

#9

vshoke:
на сколько я знаю, такого свойства в css нету о_О

исправил ужо

V

9

vshoke

1 ноября 2010, 10:15

#10

furnaslives, не привязывается ко дну =(

Вышел новый Яндекс Браузер с YandexGPT и YandexART

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы