Как отцентровать span?

Question

[viktorulyushev]

Есть такая структура,отцентовать не получается никак,в чем может быть проблема?
https://jsfiddle.net/nkxufmyo/

Comments

[Степан Крапивин]

какой span нужно центровать? .s-desc, .s-desc-title или тот который внутри?

[viktorulyushev]

Степан: ну внутри который

[Сергей delphinpro]

viktorulyushev: Где вы его центрировать собрались? https://jsfiddle.net/DelphinPRO/nkxufmyo/2/

[viktorulyushev]

Сергей: по ширине картинки

[viktorulyushev]

viktorulyushev: по ширине блока т.е ,сам блок занимает 33% ширины контейнера

[Сергей delphinpro]

viktorulyushev: Стоп. Я специально нарисовал рамку родительского блока. Спан внутри занимает всю его ширину. Вот и возникает вопрос - как вы собрались его центрировать?

[viktorulyushev]

Сергей: спасибо,сделал,указал ему 100% длину и отцентровал

Answer 1

[Zamir Yusupov]

Вообще так делать не стоит, все очень каряво и костыльно сделано. Но в текущем примере, чтобы обойтись малой кровью, у класса .s-desc замени "left: 30px;" на "left: 50%"

Comments

[viktorulyushev]

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

[viktorulyushev]

viktorulyushev: по центру блока,там бутстрап делит их на ровные блоки

[Zamir Yusupov]

ссылкой должно быть только слово "КОРМ"? сама картинка я так понимаю это просто бэкгроунд?

[viktorulyushev]

Zamir Yusupov: да

[Zamir Yusupov]

Пожалуйста. Надеюсь помог.

https://jsfiddle.net/nkxufmyo/4/

Answer 2

[Максим Тимофеев]

https://jsfiddle.net/nkxufmyo/3/

Answer 3

[Максим]

span - block ?
этот элемент не должен быть блочным
для этого есть тег Р