Как я могу создать поле в Angular с абзацем слева и справа разного цвета?

#html #css #angular #angular-material

Вопрос:

Ответ №1:

Возможно ли заменить абзац обычным div. это будет легко исправить.

Просто добавьте этот HTML и CSS в файл HTML и CSS вашего компонента.

Я также создал для вас ссылку jsFiddle.

URL-адрес — https://jsfiddle.net/Amir_Khan064/m5exo1jc/8 /

HTML —

 <div class="primary-nav">
    <div class="left">Lef aligned div </div>
    <div> right aligned child </div>
</div>
 

CSS —

 .primary-nav {
    display:-webkit-flex;
    display:flex;
    list-style-type:none;
    padding:0;
    justify-content:flex-end;
    color: red;
    font-weight: 700
}

.left {
    margin-right:auto;
    color: green;
    font-weight: 700
}
 

введите описание изображения здесь