Прилегание текста под картинкой.

[Bleki]

Доброго времени суток, сразу перейду к делу.

Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева.

HTML:     <div class="point-one">
         <img src="../main.img/one.png" class="one" align="bottom"> 
         <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span>
         </div> 

CSS:

.one {

  max-width: 100%;
  height:auto;
}

prem1 {

 
 float: bottom;

}
 

Скриншот, как это дело все смотрится: 

 

[green-vik]

Привет, вот так попробуй

<div class="point-one">
         <img src="../main.img/one.png" title="qqq" /> 
         <span id="prem1"><a href="#" id="show_popup">IRON</a></span>
</div> 

.point-one {
	display: block;
	width: 100px;
}

.point-one img {
	border-radius: 50%;
}

.point-one span {
	display:block;
	text-align: center;
}

да и кстати, свойство float значение bottom не принимает http://htmlbook.ru/css/float

Edited November 13, 2016 by green-vik

[Bleki]

49 минут назад, green-vik сказал:

Привет, вот так попробуй

<div class="point-one">
         <img src="../main.img/one.png" title="qqq" /> 
         <span id="prem1"><a href="#" id="show_popup">IRON</a></span>
</div> 

.point-one {
	display: block;
	width: 100px;
}

.point-one img {
	border-radius: 50%;
}

.point-one span {
	display:block;
	text-align: center;
}

да и кстати, свойство float значение bottom не принимает http://htmlbook.ru/css/float

Огромное спасибо, помогло, вот только жаль, что надпись под картинкой не центруется, но я думаю отступами на шаманю)

[green-vik]

а сайт где все это размещено можно глянуть, так то надпись строго под картинкой должна быть

[Alexandr37]

https://jsfiddle.net/ps88yg0o/3/ , div по умолчанию display:block, поэтому добавлять это свойство для класса point-one не нужно.

[nfsworld]

design upd