Php 禁用徽标'；s在菜单栏上向左对齐_Php_Html_Css_Menu_Alignment

Php 禁用徽标'；s在菜单栏上向左对齐

php html css menu

Php 禁用徽标'；s在菜单栏上向左对齐,php,html,css,menu,alignment,Php,Html,Css,Menu,Alignment,我正在创建一个网站。我先从头球开始。我的首页有以下代码： <!DOCTYPE html> <html> <head> <title>Responsive Navigation Demo</title> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="

我正在创建一个网站。我先从头球开始。我的首页有以下代码：

<!DOCTYPE html>
<html>
<head>
    <title>Responsive Navigation Demo</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link rel="stylesheet" href="normalize.css">
    <link rel="stylesheet" href="style.css">
    <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,700' rel='stylesheet' type='text/css'>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
        $(function() {
            var pull        = $('#pull');
                menu        = $('nav ul');
                menuHeight  = menu.height();

            $(pull).on('click', function(e) {
                e.preventDefault();
                menu.slideToggle();
            });

            $(window).resize(function(){
                var w = $(window).width();
                if(w > 320 && menu.is(':hidden')) {
                    menu.removeAttr('style');
                }
            });
        });
    </script>
</head>
<body>
<a href="index.php">
<img border="0" class="logo" src="images/logo.png" width="15%" height="20%" align="left" /></a> <font size="15%"><div align="center" class="BDtext"> Title Here<br> Description Here</font></div><br>
    <nav class="clearfix">
        <ul class="clearfix">
            <li class="home"><a href="index.php">Home</a></li>
            <li class="about"><a href="about.php">About</a></li>
            <li class="me"><a href="ben.php">About Me</a></li>
            <li class="sessions"><a href="sessions.php">Sessions</a></li>
        </ul>
        <a href="#" id="pull">Menu</a>
    </nav>
</body>
</html>

我希望这是下面的图像对齐

请有人解释一下，我如何保持图像左对齐，但不让菜单栏与图像重叠，而不使用br代码

请帮忙

多谢各位

我想最好把

放在一个独立的

中，这个包含

align=“left”

的，我现在就试试。谢谢。

align

属性在HTML5中被弃用。我认为您正在搜索

float:left来自CSS。将您的声明放在style.css中，不要内联编写（直接在HTML中）@fedorqui您的建议不起作用。@Nico O这和以前一样，对吗？这不会阻止我的菜单与徽标重叠。css职位会对其进行排序吗？如果是，哪一个？
@media only screen and (max-width : 320px) {

.BDtext {
display: none;
}