Question

好的，这就是我网站的外观（左上角有一个图片标识，旁边是“我的图书馆”标题）。我如何在HTML文档中写这个？

这是我有多远 -

 <style>
   h1 {
       display: 

  <body>
  <div id= "page">
     <left><img src= "https://www.pinterest.com/pin/270004940129663305/" alt= "book logo" width= "69" height= "93">
     <div id= "logo">

Answer 1

<div id="logo-header">
   <img src= "https://www.pinterest.com/pin/270004940129663305/" alt= "book logo" width= "69" height= "93">
   <div id="header-title">My Library</div>
</div>

Here是js小提琴。希望这会有所帮助。

Answer 2

你想要这样的东西：

HTML：

  <div id= "page">
    <img class="image-class" src= "https://www.pinterest.com/pin/270004940129663305/"/>
    <div class="book-logo-class">
      Book Logo
    </div>
  </div>

CSS：

.book-logo-class{
  display: inline-block;
  vertical-align: top;
}

.image-class{
  width: 69px;
  height: 93px;
  float: left;
}

希望有所帮助。

Here是一个jsfiddle，如果你想玩它：

怎么写这段代码？

2 个答案: