Sass - выравнивание текста H5

Привет, в настоящее время я работаю с рельсами 4.2 и использую sass и haml. Я пытаюсь выровнять по центру h5, который у меня есть, но кажется, что он не хочет со мной сотрудничать, и я уже пытался выполнить поиск в Google, но все равно не удалось

это мой код

статическая страница это

.row#mod
    .container#space
        .row
            .col-md-2
                .thumbnail
                    .caption
                        =image_tag "a.png", tag: "",class: "img-thumbnail"
                        %h5
                            %b#tag Lead
                        %br

дерьмо это

#tag
    text-align: center

но центральное выравнивание h5 по-прежнему бесполезно, кто-нибудь может мне помочь, и спасибо


sass ruby-on-rails-4.2
person user1868185    schedule 01.11.2015    source источник
comment
Это не проблема Rails или Sass, предоставьте скомпилированную разметку/CSS.   -  person cimmanon    schedule 01.11.2015
comment
Это для того, чтобы стилизовать только один тег h5 на странице, в противном случае сделать стиль более обобщенным, например, «.thumbnail .caption h5» и добавить к нему «выравнивание текста: центр».   -  person Sean Murrin    schedule 01.11.2015

Ответы (1)


arrow_upward
0
arrow_downward

Идентификатор tag находится во встроенном элементе <b>, поэтому text-align: center не будет центрировать его в элементе блока h5. Вы можете либо сделать #tag display: block, либо переместить text-align: center в h5.

Пример 1:

#tag
    display: block
    text-align: center

Пример 2:

.caption h5
    text-align: center
person devitall    schedule 01.11.2015