Solution 1 :

To center text, use text-align: center;
To center image horizontally best to use flex-box, just 3 lines of code.
This centers everything, no matter the image dimensions.

.se {
    display: flex;
    flex-direction: column;
    align-items: center;
.sep {
    text-align: center;

Problem :

how r u guys
can any one help me to center all item with margin
in this code

Html COde

<div class="se">
  <div> <img class="seimg" src="images/we.jpg" alt=""></div>
  <div class="sep">
    <h2> Who we are?</h2>
    <p>We have been operating for over 30 years and are Members of The Federation of Master Builders. We work on projects big and small from small residential extensions to full house. We are so happy with this theme. Everyday it make our lives better.
    <span>We care about environment.</span>
    <span>We are trusted by hundreds of clients.</span>
    <span>Social media loves us!</span>
    <span>This list is super easy to create</span>



Comment posted by text-align

Take a look at the

Comment posted by vadivel a

What your tried? Your css?