I wanna change positioning to center

Get Help CSS
#1

How can I do changing location to center??

    <div class="answer">
      <h3>Disagree</h3>
    </div>

    <div class="answer">
      <h3>Neutral</h3>
    </div>

    <div class="answer">
      <h3>Agree</h3>
    </div>

h3 {
  color: Grey;
  font-family: '0swald', sans-serif;
  font-size: 18px;
  text-align: center;
  font-weight: 700;
  text-transform: uppercase;
  padding: 35px;
}

.answer {
  border: thick double orange;
  margin: 20px;
  display: inline-block;
  border-radius: 95%;
  border-left: 40px;
  border-right: 40px;
}

캡처
캡처1815×368 29.2 KB

#2

Hei, i try this approach. It does make it centered but not web responsive. hope it’s help.

<h2>Question 1</h2>
    <p>I like participating in physical activity such as running, swimming, or biking.</p>
    <div class="container">
        <div class="answer">
            <h3>Disagree</h3>
        </div>
        <div class="answer">
            <h3>Neutral</h3>
        </div>
        <div class="answer">
            <h3>Agree</h3>
        </div>
    </div>
    


p {
    text-align: center;
}
h2 {
    text-align: center;
}
h3 {
    color: Grey;
    font-family: '0swald', sans-serif;
    font-size: 18px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    padding: 35px;
}
.answer {
    border: thick double orange;
    border-radius: 95%;
    margin: 20px;
    border-left: 40px;
    border-right: 40px;
}
.container {
    margin: auto;
    width: 15%;
}

HTML
HTML1920×902 34 KB

#3

Thanks for kindly letting me know. :blush:

#4

pleasure, glad that i can help :smile: