Place a div along border edge of div

In my web application, I wanted to place a small div along border edge of another div like this:

This is my code:

   <div style="border:1px solid black; height:1em; width:10em;">
                            <div style="border:1px solid black; display:inline-block; height:10em; width:10em;"> Along edge </div>
</div>

How can it be done?