Home/ Questions/Q 7443227
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-29T11:17:56+00:00

In this example http://jsfiddle.net/czwsK/ how would I align the text hello to be 10%

  • 0

In this example http://jsfiddle.net/czwsK/ how would I align the text “hello” to be 10% of the height of the box from the top? eg the first inline block would be 20px from the top.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    This JSFiddle demonstrates what you need to do. As Diodeus recommends, you shouldn’t use a percentage, however if you want to, wrap your elements in a container div and give that div the height you want, then you can use percentages with vertical-align: top on the text div.

    HTML:

    <html>
    <body>
        <div class="container">
            <div class="text">hello</div>
            <div style="display:inline-block; height:100%; width:200px; border: 1px solid black"></div>
        </div>
    </body>
</html>

    CSS:

    div.container {
    height: 200px;
}

div.text { display: inline-block;
    vertical-align: top;
    margin-top: 10%;
}
    • 0