Home/ Questions/Q 4005656
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-20T08:25:13+00:00

The following HTML should print the phrase pass Test Case: Buzz::GetInfo( [struct BUZZINFO *]

  • 0

The following HTML should print the phrase pass Test Case: Buzz::GetInfo( [struct BUZZINFO *] 0x1f84fa8c ) with some fancy formatting. But, it puts the pass on a separate line from the rest of the text. How can I get them to be on the same line such that the border of the pass blends with the border of the rest of the text?

Thanks,
PaulH

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title></title>   
    <style type="text/css">
    pre
    {
        border-style: solid none;
        border-width: 1px medium;
        line-height: 120%;
        padding: 5px;
        color: #333333;
        background-color: #EEFFCC; 
        border-color: #98BF21;            
        overflow: auto;
    }

    .pass
    {
        background-color: #98BF21;
        #background-color: #AACC99;
        border: 1px solid #FFFFFF;
        color: #FFFFFF;
        display: block;
        font-size: 11px;
        font-weight: bold;
        margin-left: 1px;
        outline: 1px solid #98BF21;
        padding: 3px 0 4px;
        text-align: center;
        text-decoration: none;
        width: 80px;
        font-family: verdana,helvetica,arial,sans-serif;
    }
    </style>
    </head>
<body>
<div><span class="pass">pass</span><pre>Test Case: Buzz::GetInfo( [struct BUZZINFO *] 0x1f84fa8c )</pre></div>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    In the .pass class, change display:block to display:inline.
    Add display:inline to the CSS for pre.

    Here is a fiddle example it looks ugly because I selected and pasted out of your question directly into the fiddle without worrying about adding carriage returns.

    • 0