css vertical-align not working -

-

please vertically align tittle. seems not working properly.

enter image description here

<html> <body>  <head> <style type="text/css"> html * {     margin: 0px;     padding: 0px;} .title     {     width: 50%;     display:inline-block;     vertical-align:middle;     text-align: center;     font-weight: bold;     font-size: larger;     border: solid;     border-width: thin;     }  .btn{     color:white;     background-color:#8cc152;     margin: 0px !important;     width: auto;     display: inline-block;     padding: 6px 12px;     margin-bottom: 0px;     font-size: 14px;     font-weight: 400;     line-height: 1.42857;     text-align: center;     white-space: nowrap;     vertical-align: middle;     cursor: pointer;     -moz-user-select: none;     background-image: none;     border: 1px solid transparent; } .btn:hover{     background-color:#a0d468; }  .btn-next{     border-radius: 4px;     border-top-left-radius: 0px;     border-bottom-left-radius: 0px;     float:right; }  .btn-prev{     border-radius: 4px; border-top-right-radius: 0px;     border-bottom-right-radius: 0px;     float:left; } </style> </head>  <div class='title'>     <p>         title         <a href='?m=1'><span class='btn btn-prev'>left</span></a>         <a href='?m=2'><span class='btn btn-next'>right</span></a>         </p> </div>  </body> </html>

set line-height paragraph

p {  line-height: 32px;  vertical-align: middle; } 

p {    line-height: 32px;    vertical-align: middle;  }
<head>    <style type="text/css">      html * {        margin: 0px;        padding: 0px;      }      .title {        width: 50%;        display: inline-block;        vertical-align: middle;        text-align: center;        font-weight: bold;        font-size: larger;        border: solid;        border-width: thin;      }      .btn {        color: white;        background-color: #8cc152;        margin: 0px !important;        width: auto;        display: inline-block;        padding: 6px 12px;        margin-bottom: 0px;        font-size: 14px;        font-weight: 400;        line-height: 1.42857;        text-align: center;        white-space: nowrap;        vertical-align: middle;        cursor: pointer;        -moz-user-select: none;        background-image: none;        border: 1px solid transparent;      }      .btn:hover {        background-color: #a0d468;      }      .btn-next {        border-radius: 4px;        border-top-left-radius: 0px;        border-bottom-left-radius: 0px;        float: right;      }      .btn-prev {        border-radius: 4px;        border-top-right-radius: 0px;        border-bottom-right-radius: 0px;        float: left;      }    </style>  </head>    <div class='title'>    <p>      title      <a href='?m=1'><span class='btn btn-prev'>left</span></a>      <a href='?m=2'><span class='btn btn-next'>right</span></a>    </p>  </div>    </body>    </html>


Comments

Post a Comment

Popular posts from this blog

javascript - Karma not able to start PhantomJS on Windows - Error: spawn UNKNOWN -

-
i lost "unknown" error: karma.conf.js: frameworks: ['mocha', 'should'], plugins: ['karma-mocha', 'karma-should', 'karma-phantomjs-launcher'], ... browsers: ['phantomjs'], error: 23 07 2015 14:35:37.691:warn [karma]: no captured browser, open http://localhost:9876/ 23 07 2015 14:35:37.701:info [karma]: karma v0.13.3 server started @ http://localhost:9876/ 23 07 2015 14:35:37.707:info [launcher]: starting browser phantomjs 23 07 2015 14:35:37.738:error [karma]: { [error: spawn unknown] code: 'unknown', errno: 'unknown', syscall: 'spawn' } error: spawn unknown @ exports._errnoexception (util.js:749:11) @ childprocess.spawn (child_process.js:1093:11) @ exports.spawn (child_process.js:933:9) @ object._execcommand (c:\users\jinga4x\git\mdl-sample-project\node_modules\karma\lib\launchers\process.js:63:21) @ object._start (c:\users\jinga4x\git\md
Read more

Nuget pack csproj using nuspec -

-
i want create nuget package contains specified in nuspec file, still version csproj. in order use token have pack like: nuget pack myproj.csproj but when adds dependencies , creates unwanted folder in nuget package. nuspec file is: <?xml version="1.0" encoding="utf-8"?> <package xmlns="http://schemas.microsoft.com/packaging/2011/08/nuspec.xsd"> <metadata> <id>test</id> <version>$version$</version> <title>test</title> <authors>test</authors> <owners>test</owners> <requirelicenseacceptance>false</requirelicenseacceptance> <description>test</description> <summary>test</summary> <releasenotes>test</releasenotes> <copyright>test</copyright> </metadata> <files> <file src="bin\debug\*.dll" target="lib\net45" /> <file s
Read more

c# - Display ASPX Popup control in RowDeleteing Event (ASPX Gridview) -

-
i have aspxgridview includes new , delete button. delete button includs gv_rowdeleting event. want show aspxpopupcontrol (id="pupconfirm"). want user have confirm password delete item. tried: protected void gv_rowdeleting(object sender, devexpress.web.data.aspxdatadeletingeventargs e) { pupconfirm.showonpageload = true; } but nothing happened. please me. !!! you can create template column javascript prompt confirmation. <itemtemplate> <asp:linkbutton id="btndelete" runat="server" text="delete" commandname="delete" onclientclick="javascript:if(!confirm('are sure want delete record?')){return false;}"> </asp:linkbutton> </itemtemplate>
Read more