我正在尝试使用实体化CSS设计ToDo-App，但是在向我的h3元素添加“ nav-title”后，该元素位于导航栏下方。另外，如果我将标题浮动到右侧，则它位于主容器旁边，该宽度应为70％。我必须将所有内容放入另一个容器中，才能将标题放到正确的位置。这是照片和图片：
<html>
<head>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link type="text/css" rel="stylesheet" href="css/materialize.min.css" media="screen,projection" />
<link rel="stylesheet" href="css/own.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ToDo App</title>
</head>
<body>
<nav class="teal lighten-2">
<div class="nav-wrapper">
<div class="container">
<a href="#" class="sidenav-trigger" data-target="mobile-links"><i class="material-icons">menu</i></a>
<ul class="hide-on-med-and-down">
<li class="active"><a href="#Home">Home</a></li>
<li><a href="#Archiv">Archiv</a></li>
</ul>
<h3 class="nav-title right">ToDo-App</h3>
</div>
</div>
</nav>
<ul class="sidenav" id="mobile-links">
<li class="active"><a href="#Home">Home</a></li>
<li><a href="#Archiv">Archiv</a></li>
</ul>
<div class="container">
</div>
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/materialize.min.js"></script>
</body>
</html>
这是图片：