#html #css #angular #angular-material
Вопрос:
Мне трудно создать это поле в Angular, может кто-нибудь, пожалуйста, мне помочь? https://i.stack.imgur.com/snVfv.png
Ответ №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
}