Div does not respect img width

Question

Div does not respect img width

Navigation

#1 by (0 votes)

0

I made a div with a border bottom similar to a fold on a page. I'm trying to put a centered image plus the width and height is not working. I thank you so much! :)

CODE:

.boxDobrado{
background:#53A3B4; /* color de fondo */
color: #FFFFFF; /* color de texto */
overflow: hidden;
position: relative;
width: 200px; /* ancho */
height:80px;
margin-left:20px;
}
.boxDobrado:before{
background: none repeat scroll 0 0 red; /* color de fondo */
border-color: white #ccc; /* color de esquina */
border-style: solid;
border-width: 0px 0px 40px 40px;
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
width: 0;
}
<div class="boxDobrado">
            <img src="imagem.jpg" height="50px" width="10px"/>
        </div>

html css

asked by anonymous 25.12.2016 / 21:05

1 answer

I can not get into the "main2" frame. VBA and SelleniumWrapper Ruby on Rails, how to improve the performance of the Hash transformation for ActiveRecord?

score 0 · Answer 1

As I understand it, you want to center the icon or image, just need:

.boxDobrado{
background:#53A3B4; /* color de fondo */
color: #FFFFFF; /* color de texto */
overflow: hidden;
position: relative;
margin-left:20px;
width: 200px; 

/* alterado */
height:65px;  // ajuste de acordo com o height da imagem
text-align:center;
padding-top:5px; // ajuste de acordo com o height da imagem
}

<div class="boxDobrado">
            <img src="http://findicons.com/files/icons/1035/human_o2/128/orange_add_folder_to_archive.png"height="50px" width="50px"/>
        </div>

And adjust the height according to the size of the image height: 60px;

Example