2 replies [Last post]
magaupe
magaupe's picture
Offline
newbie
Last seen: 4 years 29 weeks ago
Timezone: GMT-3
Joined: 2015-05-15
Posts: 2
Points: 3

How can I place a character (number) in the top left corner of a div??

[img=http://s24.postimg.org/7h2m3qk1d/image.png]

magaupe
magaupe's picture
Offline
newbie
Last seen: 4 years 29 weeks ago
Timezone: GMT-3
Joined: 2015-05-15
Posts: 2
Points: 3

Actually, I need something

Actually, I need something more like this:

http://postimg.org/image/wnxb5qvov/

Letter "F" should be editable but not number "10".
I did this but it's not quite what I expected
http://codepen.io/tsoeiroinsix/pen/WvwVWv

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 4 days 12 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Something like. <div

Something like.

<div class="box"><span class="num">1</span></div>

.box{
position:relative;
  width:100px;
height:100px;
border:solid #000 1px;
}
 
.num{
  position:absolute;
  top:0;
  left:0;
}