Quotation

I want a little bit help regarding styling of quotation. I applied this quotation in my practice project

<q>
 Our future success is directly proportional to our ability to understand, adopt and integrate new technology into our work.
</q>

but now how I can aligned in center so I can apply stylish border on it with suitable font-family? I even applied “Text-Align” property but it is not working.

Hi, there!

Could you supply the rest of your HTML and CSS? Doing so will give better context on what issue(s) you may be having. :slight_smile:

Be sure to properly format your code with preformatted text:
image

Thank you!

2 Likes

you could have text-align: center; for a parent element to try to center the q element

<p class="center-content">
  <q>
    I'm a quote.
  </q>
</p>

with css

.center-content {
  text-align: center;
}

Alternatively, you might use the blockquote element.

1 Like

HTML

<p class="center-content">
                <q>
                Our future success is directly proportional<br> to our ability to 
                understand, adopt and<br> integrate new technology into our work.
                </q>
                <br> - Sukant Ratnakar
            </p>

CSS

.center-content {
    text-align: center;
    font-family: 'poor Richard';
    font-size: 25px;
    border: 2px solid rgb(219, 16, 16);
    width: fit-content;
    position: relative;
    left: 300px;
    padding: 30px;
}```

Now I want a normal amount of space between words not horizontally but vertically can you help me with this?