html - 网站中的 CSS 帮助

我是网络编码的新手，需要一些 CSS 方面的帮助。然而，网页并没有像我计划的那样出现

我试图让带有链接的红色部分出现在图像下方的左上角。红色背景似乎遍布整个页面，而不仅仅是列。我想发图片，但是我还没有 10 个声望，所以我发不了 :(

这是我一直在使用的 HTML 代码:

    <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml-transitional.dtd"
<html>
    <head>
        <title>Poll Analysis</title>
        <link rel="stylesheet" type="text/css" href="style.css" />
</head>
    <body>
        <div class= "main">
            <div class = "row1">
                <img src="Leopard-Skin-Print-Wallpaper.jpeg" />
            </div>
        </div>
            <div class = "row2">
                <div class = "row2col1">
                    <u> Links </u>
                    </br>
                    <a href="http://google.co.uk/">Google</a>                   
                </div>
                <div class = "row2col2">
                </div>
            </div>
    </body>
</html>

这是 CSS:

div.main{
width:50%;
margin:auto;
background:white;
}

div.row2col1{
float:left;
margin:0;
}

div.row2col2{
margin-left:25%
background-color:white;
border:15px solid #FF0000;
}

提前感谢大家的帮助:

马克·特纳

最佳答案

用户@anpsmn 为我解决了这个问题。他说“你在 margin-left:25%

之后缺少了一个 ;

我现在觉得很愚蠢，感谢大家试图帮助我。

我发誓我检查过了哈哈。

马克·特纳

关于html - 网站中的 CSS 帮助，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/29466800/