Home/ Questions/Q 8485747
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-10T20:44:06+00:00

This code genereates a sequence of: block,text,block,text,block,text and it looks about right except that

  • 0

This code genereates a sequence of: block,text,block,text,block,text and it looks about right except that I can’t get the text to vertically align in the center of the div so it looks like its aligned next to the center of the boxes vertically. Any advice?



    <div style="position: absolute; right: 0; top: 0; text-align: right;">
    <span style="display: inline-block; width: 15px; height: 15px; background: #2880BB"></span>                                     
    <span style="display: inline-block">Created   </span>                                            
    <span style="display: inline-block; width: 15px; height: 15px; background: #7FC31B"></span>
    <span style="margin-left: 5px;">Won   </span>
    <span style="display: inline-block; width: 15px; height: 15px; background: #FD2A2F"></span>
    <span style="margin-left: 5px;">Lost </span>
    </div>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Alternate solution:

    <div style="position: absolute; right: 0; top: 0; text-align: right;">
    <span style="border-left: 15px solid #2880BB; padding-left: 5px;">Created</span>                                            

    <span style="border-left: 15px solid #7FC31B; margin-left: 5px; padding-left: 5px">Won</span>

    <span style="border-left: 15px solid #FD2A2F; margin-left: 5px; padding-left: 5px">Lost</span>
</div>​

    jsFiddle: http://jsfiddle.net/w2wVc/1/

    • 0