Wie würde ich den Text hier unten verschieben?

Question

Mein Code: https://jsfiddle.net/xgckxtes/1/

Wie würde ich den Text niedriger nur mit HTML verschieben?

<div style="display: block;background-color:black; color:white; width: 266px; height:266px;x; border-radius:50px"> 

<p><q>Never let society to turn you into a grain of sand on the beach. Be different, be individual. Refuse to look alike with others. Leave your herd, only then you will have a real name and till then your name will remain as the grain of sand.</q> - <em>Mehmet Murat ildan</em></p> 

Answer 1

<div style="display: table;background-color:black; color:white; width: 266px; height:266px;x; border-radius:50px"> 

<p style="display: table-cell; vertical-align: middle;"><q>Never let society to turn you into a grain of sand on the beach. Be different, be individual. Refuse to look alike with others. Leave your herd, only then you will have a real name and till then your name will remain as the grain of sand.</q> - <em>Mehmet Murat ildan</em></p> 

Answer 2

ändern Stil display: table-cell; vertikal ausrichten: Mitte;

Padding-Eigenschaft hinzufügen. Es wird es schöner machen.

padding-top einzustellen oben

zB:

<div style="display:table-cell; vertical-align: middle; background-color:black; 
padding:20px; 


color:white; width: 266px; height:266px;x; border-radius:50px"> 

<p><q>Never let society to turn you into a grain of sand on the beach. Be different, be individual. Refuse to look alike with others. Leave your herd, only then you will have a real name and till then your name will remain as the grain of sand.</q> - <em>Mehmet Murat ildan</em></p> 

</div> 

modifizierte Geige: https://jsfiddle.net/djsreeraj/84k62frb/2/

Answer 3

<style> 
    .item { width:300px; /*width:100%;*/ background-color:black; color:#FFF; border-radius:50px; padding:20px; } 
    .item p { font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:20px; padding:0; } 
</style> 

<div class="item"> 
<p><q>Never let society to turn you into a grain of sand on the beach. Be different, be individual. Refuse to look alike with others. Leave your herd, only then you will have a real name and till then your name will remain as the grain of sand.</q> - <em>Mehmet Murat ildan</em></p> 
</div>