Home/ Questions/Q 7439745
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T10:45:00+00:00

All, I have the following code: <span style=width:450px; height:207px; display:inline-block; vertical-align:middle; padding:0 0 0

  • 0

All,
I have the following code:

<span style="width:450px; height:207px; display:inline-block; vertical-align:middle; padding:0 0 0 10px; text-align:left;">
<b>Recipe Added By:</b> Test Person<br>
<b>Prep Time:</b> aljsdf<br>
<b>Cook Time:</b> asldfjdsf<br>
<b>Recipe Yield:</b> asflja<br>
<b>Recipe Category:</b> Main Dish   
</span>

This displays the text but the text is always aligned at the top. Any idea on how to center the text in the middle of the span?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Use a DIV and display:table-cell

    <div style="width:450px; height:207px; display:table-cell; vertical-align:middle; padding:0 0 0 10px; text-align:left;border:1px solid #ff0000">
<b>Recipe Added By:</b> Test Person<br>
<b>Prep Time:</b> aljsdf<br>
<b>Cook Time:</b> asldfjdsf<br>
<b>Recipe Yield:</b> asflja<br>
<b>Recipe Category:</b> Main Dish   
</div>
    • 0