angular material flex center and right align
angular material flex center and right align
I'm using angular flexbox to create a footer.
In the center I have some info and on the right side I have a logo.
Now the info should be centered along the entire page, and the logo should be aligned to the right.
So far this is working, but the info is centered inside it's own container and not along the entire div.
How can I solve this with flexbox? (no position abolute solutions please, just flex)
<footer fxLayout="row"
fxLayoutAlign="space-between center">
<div class="info" fxFlex>
<section>
<span>Straatlaan 48 | 3500 Hasselt</span>
<span>011 / 58 96 47</span>
<span>0487 96 54 18</span>
</section>
<section>
<span>KBC BE36 0014 7993 8372</span>
<span>BTW 123.423.312</span>
<span><a routerLink="/">Algemene voorwaarden</a></span>
<span><a routerLink="/">Privacy</a></span>
</section>
</div>
<div class="logo">
<img src="assets/img/logo-footer.png"
alt="">
</div>
</footer>
Info is centerd inside it's own div, not centered along the entire width:
align='left'
where do you suggest I use this? I don't think align is a valid html5 tag
– Ruben
Aug 24 at 18:50
in your css file or add the
style="align='left';" to your html– rhavelka
Aug 24 at 19:37
style="align='left';"
but that's not even valid css, and I don't need to align anything to the left?
– Ruben
Aug 24 at 19:52
@Michael_B I found that particular answer however I could not find solution suitable for my problem
– Ruben
Aug 24 at 20:06
By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.
did you tried
align='left'?– Nasiruddin Saiyed
Aug 24 at 15:13