[Turtle91]

The <blockquote> HTML element indicates that the enclosed text is an extended quotation, usually not a short one liner. This is visibly offset from the regular text somehow.

<blockquote cite="https://screenrant.com/star-wars-best-yoda-quotes/">
<p>Master Yoda was an endless fount of wisdom to his Jedi proteges in Star Wars, and he had no shortage of quotes distilling that wisdom. Ever since his introduction in The Empire Strikes Back, Yoda has been a symbol of the series, one of the most recognizable characters in all science fiction, and one of the strongest Jedi ever. Always ready to dish out insights into the Force to any other character who needed it (even if they didn't always follow it), Yoda played his role as a teacher perfectly.</p>

<p>Some of his teachings were incredibly quotable, and Yoda's unique speech pattern has elevated some of his wisdom from memorable to iconic. Though wise, he was not a perfect teacher, as one of Yoda's students turned to the dark side. While it can be hard to narrow down the greatest of his sayings, here are 20 of Yoda's best quotes, ones that have the most meaning to the story and provide the most guidance and truth outside the movies.</p>

<p>Part of what made Yoda so wise was that he never stopped searching for wisdom. In Star Wars: Episode II - Attack of the Clones, Yoda seeks a youngling's help with finding Kamino. This proves that Yoda was always open to new knowledge, even from the most unlikely of places. It also showed that keeping an open mind can solve problems that seem to have no solution.</p>

<p class="sig">~ <cite>Marcelo Leite</cite>, Aug 2024</p>
</blockquote>

There is no need to offset a short quote visibly...it just flows with the text

<p>I was listening to the words of wisdom intently.</p>
<p>"Into the flow of normal text, a short quote incorporated is," said Master Yoda.</p>
<p>Now I knew why he was the Master.</p>

Anything else that does not fit within that semantic definition would rightfully fall under a <div>.

For example, a tavern sign, a business card, a handwritten letter...

<div class="sign">
  <p>Fuller's Tavern</p>
  <img class="floatleft" alt="two steins" src="..."/>
  <img class="floatright" alt="d20" src="..."/>
  <p>Gaming, Grog &amp; Good Times</p>
</div>

<div class="card">
  <img class="center" alt="remote" src="..."/>
  <p>« Gameologist »</p>
</div>

<div class="write">
  <p>Dear Jon,</p>
  <p>I refer to the recent death of the technical manager at your company and hereby apply for the replacement of the deceased Manager.</p>
  <p>Each time I apply for a job, I get a reply that there's no vacancy but in this case I have caught you red-handed and you have no excuse because I even attended the funeral to be sure that he was truly dead and buried before applying.</p>
  <p>Attached to my letter is a copy of my CV and his death certificate.</p>
  <p class="sig">Morbidly yours,<br/><a href="https://www.careeraddict.com/7-funniest-cover-letters"/></p>
</div>