How do we set the alignment according to surrounding elements in HTML?

Answer 1

Hello,

It all depends on the layout of your design.

The perfect CSS property of alignment is Flexbox, it's incredibly powerful and with a few declarations (a CSS 'declaration' is made of a property and a value, for example: color: red;) we can handle alignments and responsiveness very easy and scalable.

Check out Wes Bos's "What the Flexbox?!" site, THE best way to learn about CSS Flexbox: https://flexbox.io/

Hope this helps.