Fotomatic project - text wrap and order of elements without flexbox?

Get Help CSS
1

I can’t get the text in the green box to wrap to the next line without a
. Anyone got any clues as to how to do this?

As well, is there a simpler way to have the elements in the green box align vertically and in order without flexbox?
I am writing the code from scratch, so I ignored and commented out the stuff that was included originally in the project file.

#sign-up-section {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: #9DC20A;
  border: 1px solid #979797;
  border-radius: 4px;
  margin-left: 6.25rem;
  margin-top: 10.625rem;
  margin-bottom: 10.625rem;
  padding: 2rem 5rem 3.5rem 5rem;
}
2

Hi, there!

Was there something missing from this sentence? Without a—? I was not sure.

BUT, the easiest way you will find this accomplishable is with width or max-width.

If you’re using <div>s <p>s and heading elements, they are block level and would already be in order. They’re text related, so what styling would you need to align text in the center of its container? :slight_smile: