Ссылка выходит за рамки div

#html #css

Всем привет, есть блок с шириной в 20%, он обернут в ссылку, все хорошо, да вот только
ссылка почему-то по ширине занимает 100% документа, пробовал и задавать ширину, и прочее
- не выходит, не могу понять, в чем причина, прочитал как оборачивать блок в ссылку
но так, как описано - не выходит, может кто подскажет.
Вот код:





 
  
  
  
 
 
     

 




    

Ответы

Ответ 1

.div1 {
    /*display:block*/
    display: inline-block;
    width: 20%;
    height: 80px;
    background: red;
}

    




Ответ 2

По хорошему, блочный элемент нельзя помещать в строчный. Поэтому такая ерунда и происходит. 

Лучше сделать так (если есть такая возможность):





 
  
  
  
 
 
     

 





Советую почитать вам о блочной модели документа и о том, как правильно с ней работать :)


Ответ 3

Например так можно решить (поменять местами ширину немножко):



a {
    width: 20%;
    display: block;
}

.div1 {
    display:block;
    height:80px;
    background:red;
}



Ответ 4

Добавил в css position: absolute





 
  
  
  
 
 
     

 



Ответ 5

Для ссылки попробуй display:table;