felipemorais

## html_teste
<!DOCTYPE html>
<html lang="pt-br">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <meta name="description" content="Chegou o novo Moto X&#8308; com câmera inteligente, um novo conceito de smartphone com sistema de câmera traseira dupla, com recursos exclusivos, como foco seletivo, reconhecimento de objetos e efeitos de realidade aumentada.">
    <meta name="author" content="Hugo Charles">

## dabblet.css
*{margin:0;padding:0;box-sizing:border-box;}
body{padding:5px;}
li{list-style: none;}

.top_bar {
	width: 700px;
	height: 30px;
	border: 1px solid #f00;
}
	<!DOCTYPE html>
	<html lang="pt-br">
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<!-- The above 3 meta tags must come first in the head; any other head content must come after these tags -->
	<meta name="description" content="Chegou o novo Moto X⁴ com câmera inteligente, um novo conceito de smartphone com sistema de câmera traseira dupla, com recursos exclusivos, como foco seletivo, reconhecimento de objetos e efeitos de realidade aumentada.">
	<meta name="author" content="Hugo Charles">
	*{margin:0;padding:0;box-sizing:border-box;}
	body{padding:5px;}
	li{list-style: none;}

	.top_bar {
	width: 700px;
	height: 30px;
	border: 1px solid #f00;
	}