Template:Essay quote/style.css

.essay-quotation{
	/* container for whole quote thing */
}

.essay-quotation-mark{
	/* just the quotation mark that appears behind the quote */
	user-select:none;
}

.essay-quotation-mark{
	/* just the quotation mark that appears behind the quote */
	user-select:none;
}


/* selectable alignment with {{{align}}} parameter */
.left{
	float:left;
}

.right{
	float:right;
}

.center{
    text-align: center;
    margin: 0 auto;
}


/*test code */
  .essay-quotation {
    position: relative;
    display: inline-block;
    font-size: 18px; /* Adjust font size as needed */
  }

  .essay-quotation-mark {
    position: absolute;
    top: 0;
    left: -20px; /* Adjust the value to position the quotation mark as desired */
    user-select: none; /* Prevent user selection */
  }

  .essay-quote-text {
    margin-left: 10px; /* Adjust the margin as needed to separate the quote text from the mark */
    background-color: #f0f0f0; /* Add a background color to the quote text container for better visibility */
    padding: 5px; /* Add padding for spacing */
  }