Блог

Главная - Вопросы по программированию - Перенос текста рядом с заголовком md-card Angular

Перенос текста рядом с заголовком md-card Angular

#angularjs #header #md-card

#angularjs #заголовок #md-card

Вопрос:

Я хотел бы перенести основной текст в правую часть моего заголовка, что было бы лучшим способом сделать это с помощью md-card в AngularJS?

 <div class="row">
    <md-card style="text-wrap:none">
        <span style="flex-wrap:wrap">
            <md-card-header style="background-color: dodgerblue; font-size:15px;font-weight:600; color: white; height:75px;width:100px;">
                Did You Know?

            </md-card-header>

            <md-card-header-text>
                Kobe Bryant won 5 Championships with the Los Angeles Lakers
            </md-card-header-text>
        </span>
    </md-card>
</div>

Вышесказанное приводит:
введите описание изображения здесь

Ответ №1:

 <div class="row">
    <md-card style="text-wrap:none"  layout-align="center center">
        <div style="height:75px;width:100px; background-color: dodgerblue;">
            <md-card-header  style="font-size:15px;font-weight:600; color: white; ">
                Did You Know?
            </md-card-header>

        </div>
        <div>  
              <md-card-header-text>
                Kobe Bryant won 5 Championships with the Los Angeles Lakers
              </md-card-header-text>
        </div>


    </md-card>
</div>

и установите отступ к тексту заголовка

https://plnkr.co/edit/D7Dvn3MklSjkPffeNpsK?p=preview