Olá! Estou tentando criar uma scroll horizontal com determinados itens. Porém ele quebra pra baixo ao invés de continuar ao lado. Quero fazer um efeito scroll para mostrar mais conteúdo ao lado.
.container {
width: 1200px;
margin: auto;
}
.conteudo {
height: 435px;
border-radius: 5px;
box-shadow: 2px 1px 15px #888888;
margin-top: 30px;
margin-bottom: 30px;
}
.novos-titulos {
font-family: "Trebuchet MS";
background-color: #ffffff;
width: 200px;
text-align: center;
border-radius: 5px;
color: black;
float: left;
margin-left: 30px;
margin-top: 15px;
box-shadow: 2px 1px 10px #888888;
}
<div class="container">
<div class="conteudo">
<h2>Novos Títulos</h2>
<a href="#"><i class="fa fa-plus-circle" aria-hidden="true"></i></a>
<div class="clearfix"></div>
<?php
include_once 'conexao.php';
$sql = "select * from perfil ORDER BY idperfil DESC LIMIT 7";
$result = mysqli_query($con, $sql);
while ($row = mysqli_fetch_array($result)){
?>
<article class="novos-titulos">
<h3><a href="perfil.php?idperfil=<?php echo $row["idperfil"];?>"><?php echo mb_strimwidth($row["titulo"], 0, 20, "..." ); ?></a></h3>
<a href="perfil.php?idperfil=<?php echo $row["idperfil"];?>"><img src="img/<?php echo $row["capa"]; ?>" alt=""></a>
<span>Total: <?php echo $row["episodios"]; ?></span>
</article>
<?php } mysqli_close($con);?>
</div>
</div>