Javascript不会在同一行输出结果

这个代码有点问题

  <div id="ip"></div>
<div id="city"></div>
<div id="land"></div>
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $.get("https://api.ipdata.co?api-key=test", function (response) {
        $("#ip").html("IP: " + response.ip);
        $("#city").html(response.city + ", " + response.region);
        $("#land").html(response.country_name + ", " + response.region);

        $("#response").html(JSON.stringify(response, null, 4));
    }, "jsonp");

</script>

$.get（”https://api.ipdata.co?api-键=测试”，功能（响应）{
$（“#ip”）.html（“ip:+response.ip”）；
$（“#city”）.html（response.city+，“+response.region）；
$（“#land”）.html（response.country_name+，“+response.region）；
$（“#response”）.html（JSON.stringify（response，null，4））；
}“jsonp”）；

我希望结果应该显示在同一行，而不是像这样

---

我什么都试过了，结果都是这样。我需要帮助！我需要ip地址和城市名称应该在同一行

像这样吗？为什么不把所有的东西都放在同一个分区中呢？对我来说，这似乎是一个更干净的解决方案，也是我的方法

$.get（”https://api.ipdata.co?api-键=测试”，功能（响应）{
$（“#包装器”）.append（“IP:+response.IP”）；
$（“#包装器”）.append（“+response.city+”，“+response.region”）；
$（“#包装器”）.append（“+response.country_name+”，“+response.region”）；
$（“#response”）.html（JSON.stringify（response，null，4））；
}“jsonp”）；

我可以使用Aarons帮助解决这个问题，我也尝试使用span标记^^