How do I move my text in CSS?


I want to align my text center left
as seen here:

Heres an example:

There are several ways to do this. We’d really need to see your code to give you a good answer.

You could send us your Codepen Link, if you have one .

here you go

Okay:
To begin with, you may consider removing the text-2, text-3 <div> and placing the text within one DIV <text-1>:

 <section class="intro">
    <div class="text-1">
      <h2>Hello, my name is</h2>
      <h3>MY name</h3>
      <h3>And I'm a web developer</h3>
    </div>
  </section>

Re-class each one of the lines of text, as h1, h2, h3, respectively.


Next:
Consider removing: display: flex; ( this will realign your text to the left side.


.text-1 {
display: flex;
font-size: 40pt;
position: relative;
text-align: left;
float: left;
margin-top: 15%;
margin-left: 15%;
}

After that, Consider placing the text in Box A of a Flex box, containing two boxes, Each 50%:

jquery - 2 div boxes side by side with 50% width and 100% height, expanding  to 100% fill up the whole width on hover on each box - Stack Overflow

Thank you very much Cathy.

Screenshot 2022-03-28 10.57.05 AM

: )

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.