Как я могу реализовать что-то подобное в CSS и HTML?

Question

как я могу реализовать что-то подобное в CSS и HTML?

 <bod>     
 <div id="corner">    
 <div id"link_img"></div>  
 <div id "link_text">LINK</div> 
 <div> 
 <bod>

http://img7.imageshack.us/my.php?image=linke.jpg

Answer 1

Примерно так (если вы не можете изменить теги, но можете добавить   в

 <div id="corner">    
     <div id="link_img">&nbsp;</div>  
     <div id="link_text">LINK</div> 
 <div> 

<style type="text/css">

#link_img {float: left; width: 20px; background-color: #ffff00; margin-right: 5px;}
#link_text {float: left; color: #ffff00;}

</style>

Если вы не можете добавить  , вам понадобится height: 20px; на #link_img

В качестве альтернативы что-то вроде этого:

<div id="link_text">LINK</div> 

<style type="text/css">

#link_text {color: #ffff00; border-left: 20px solid #ffff00; padding-left: 5px;}

</style>