CSS在div中放置不同樣式的文本

Question

這似乎並不難...我在div中只有3種類型的文本樣式，需要將它們全部精確定位。 fonttest3.css

h1 {
    font-size: 41px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    float:left;
} 


h2 {
    font-size: 21px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    float:left;
    color: #FF9980;
    margin-top: 40px; padding-top: 5px;
    text-indent: 10px; 
} 


h3 {
    clear: both;
    font-size: 14px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;     
    color: #B5B3DA;  
    text-align:left;  
     vertical-align: 20px     
} 



#topright {
  width: 797px ;
  height: 141px;
        background-color: White;  
    float: left;
}




body {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
        background-color: #000000;
}

fonttest3.html

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>test</title>
  <meta name="description" content="test">
  <meta name="author" content="Algomeysa">

  <link rel="stylesheet" href="fonttester3.css">
</head>

<body>



<div id="topright">
<h1>SPACELY SPROCKETS</h1>&nbsp;&nbsp;&nbsp;&nbsp;<h2>INCORPORATED</h2>
<h3>Doing that thing we do since 2025 for residential, commercial, and institutional clients</H3>
</div>
<

</body>
</html>

這在Chrome和Firefox中相當有效，但是我想稍微提高一點，並且垂直對齊播放似乎無濟於事。

但這在IE9中太可怕了，這使我認為我應該使用一種完全不同的方法來格式化此文本。 有指針嗎？

Answer 1

嘗試這個：

h1 {
    margin: 0 10px 0 0;
    font-size: 41px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    float:left;
    line-height: 43px;
} 


h2 {
    margin: 0;
    font-size: 21px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-align:left;
    float:left;
    color: #FF9980;
    line-height: 43px;
}

希望這對您有所幫助:)

CSS在div中放置不同樣式的文本

問題描述

1 個解決方案

解決方案1
0 2015-08-05 18:51:02

CSS在div中放置不同樣式的文本

問題描述

1 個解決方案

解決方案1 0 2015-08-05 18:51:02

解決方案1
0 2015-08-05 18:51:02