명언 설정하는데 위치설정 오류가 있어요!

⚠질문 작성법

• 세션 7 - 4.API를 사용해 명언

강사님처럼 명언을 검색바 밑으로 보여지게 출력하고 싶은데요, 저는 오른쪽으로 명언이 출력되요! 명언바 위치 설정을 어떻게 해야 하는 지 궁금해요?!

const API_URL = "https://random-quote.hyobb.com/";
const quoteElement = document.getElementById("quote");
const quoteItem = localStorage.getItem("quote");

const nowDate = new Date();
const month = nowDate.getMonth() + 1;
const date = nowDate.getDate();

const setQuote = (result) => {
  let quote = { createDate: `${month}-${date}`, quoteDate: result };
  localStorage.setItem("quote", JSON.stringify(quote));
  quoteElement.textContent = result;
};

const getQuote = async () => {
  try {
    const data = await fetch(API_URL).then((res) => res.json());
    const result = data[1].respond;
    setQuote(result);
  } catch (err) {
    console.log(`err:${err}`);
    setQuote("작은 기회로 부터 종종 위대한 업적이 시작된다. - 데모스테네스");
  }
};

getQuote();

    <div class="main-container">
        <div class="main-wrapper">
            <div class="today-info">
                <div class="date" id="date">
                    <!-- 날짜&요일 -->
                </div>
                <div class="time" id="time">
                    <!-- 현재 시간 -->
                </div>
            </div>
            <div class="search">
                <input id="search-input" autocomplete="off" placeholder="검색어를 입력하세요" />
            </div>
        </div>
        <div class="quote" id="quote">
							<!-- 명언 -->
				</div>
    </div>