Boa tarde !!
Gostaria de fazer com que uma div circular ficasse centralizada em uma outra div maior, ela está focada na esquerda
podem me ajudar??
.conteudo-externo{
width:200px;
height:200px;
z-index:3;
background:#ff1;
float:left;
}
.conteudo{
width:100px;
height:100px;
border-radius:50%;
border:3px solid #000;
z-index:5;
background:#000;
position:left;
background-image:'images\j2.png';
}
.img{
z-index:1;
width:130px;
height:130px
background-position:center;
opacity:0.5;
}
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Teste</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
</head>
<body>
<div class="conteudo-externo">
<div class="conteudo">
</div>
</div>
</body>