html文本對齊6,HTML對齊文本

我要像以下列方式顯示頁面上的文本:HTML對齊文本

My Text: Text Here

My Text: More Text Here.........................................................

Text from line above continued here.

我有以下的標記只是為了測試:

body {

font-family: arial;

}

form div {

padding: 3px;

}

form .label {

float: left;

text-align: right;

width: 150px;

margin-right: 8px;

}

My Text:
Aenean tellus diam, pharetra sed posuere sed, ullamcorper eget enim. Suspendisse quis posuere nisi. Integer sodales neque id erat luctus suscipit. Curabitur in nisi arcu. Curabitur suscipit tellus non lectus blandit non mollis risus aliquet. Proin et felis nulla. Integer ut felis nibh, eu condimentum elit. Sed tincidunt fermentum lorem, convallis ornare ipsum mattis sed. Vestibulum vel quam sed velit condimentum volutpat eu sed enim. Duis tincidunt, turpis id suscipit molestie, erat tortor tincidunt augue, eu venenatis erat neque nec nisi. Nunc malesuada bibendum elit eu bibendum.
My Text 2:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla suscipit arcu ut risus dapibus tincidunt et ut orci. Vestibulum vitae urna in ligula fringilla facilisis aliquet vel nisl. Quisque placerat risus eget arcu fermentum at consectetur arcu lobortis. In hac habitasse platea dictumst. In in libero non justo pellentesque cursus quis non nisi. Donec sit amet pharetra ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nulla enim enim, fringilla vitae sodales id, ultrices non lacus. Etiam id augue ut dui convallis hendrerit. Vivamus urna justo, dignissim in suscipit eu, facilisis a libero. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. .

當這是呈現大約一半的文本顯示在相應的“標簽”類div下面。我希望所有文字都出現在“標簽”div的右側。

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/395356.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/395356.shtml
英文地址,請注明出處:http://en.pswp.cn/news/395356.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

vue底部跳轉_詳解Vue底部導航欄組件

不多說直接上代碼 BottomNav.vue:{{item.name}}export default{props:[idx],data(){return {items:[{cls:"home",name:"首頁",push:"/home",icon:"../static/home.png",iconSelect:"../static/home_select.png"}…

Android Studio環境搭建

Android Studio環境搭建 個人博客 歡迎大家多多關注該獨立博客。 ###[csdn博客](http://blog.csdn.net/peace1213) 一直想把自己的經驗分享出來,記得上次寫博客還是ok6410的筆記。感覺時代久遠啊。記得那個時候我還一心想搞硬件了。如今又一次…

hacktoberfest_Hacktoberfest和其他有趣的事情將在本周末在freeCodeCamp

hacktoberfestby Quincy Larson昆西拉爾森(Quincy Larson) Hacktoberfest和其他有趣的事情將在本周末在freeCodeCamp (Hacktoberfest and other fun things going on this weekend at freeCodeCamp) Earlier this month, the freeCodeCamp community turned 3 years old. And …

C# 動態創建數據庫三(MySQL)

前面有說明使用EF動態新建數據庫與表,數據庫使用的是SQL SERVER2008的,在使用MYSQL的時候還是有所不同 一、添加 EntityFramework.dll ,System.Data.Entity.dll ,MySql.Data, MySql.Data.Entity.EF6 注意:Entity Frame…

iOS開發Swift篇—(七)函數(1)

一、函數的定義 (1)函數的定義格式 1 func 函數名(形參列表) -> 返回值類型 { 2 // 函數體... 3 4 } (2)形參列表的格式 形參名1: 形參類型1, 形參名2: 形參類型2, … (3)舉例:計算2個…

如何用計算機管理員權限,教你電腦使用代碼添加管理員權限的詳細教程

我們在使用電腦運行某些軟件的時候,可能需要用到管理員權限才能運行,通常來說直接點擊右鍵就會有管理員權限,但最近有用戶向小編反饋,在需要管理員權限的軟件上點擊右鍵沒有看到管理員取得所有權,那么究竟該如何才能獲…

activiti 5.22的demo運行

activiti 5.22的demo運行 從github上clon下來的activiti項目,運行demo項目activiti-webapp-explorer2時,在使用到流程設計工作區,選取activiti modeler作為設計器的時候報錯。 從下面的報錯信息中發現,請求路徑http://localhost:8080/activit…

宣布JavaScript 2017狀況調查

by Sacha Greif由Sacha Greif 宣布JavaScript 2017狀況調查 (Announcing the State of JavaScript 2017 Survey) 讓我們找出去年以來發生的變化! (Let’s find out what’s changed since last year!) In a hurry? You can take the survey here.匆忙?…

內是不是半包圍結構_輕鋼別墅的體系結構

一、輕鋼別墅介紹1、輕鋼別墅的屋面系統輕鋼別墅屋面系統是由屋架、結構OSB面板、防水層、輕型屋面瓦(金屬或瀝青瓦)組成的。輕鋼結構的屋面,外觀可以有多種組合。材料也有多種。在保障了防水這一技術的前提下,外觀有了許多的選擇…

JavaScript call()函數的應用

call([thisObj[,arg1[, arg2[, [,.argN]]]]]) call 方法可以用來代替另一個對象調用一個方法。call 方法可將一個函數的對象上下文從初始的上下文改變為由 thisObj 指定的新對象。 thisObj 可選項。將被用作當前對象的對象。 arg1, arg2, , argN 可選項。將被傳遞方法參數序…

hive 去重 字符串_hive函數

Hive是建立在 Hadoop 上的數據倉庫基礎架構,定義了簡單的類 SQL 查詢語言(HQL)函數分類:簡單內置函數:數學函數,字符函數,日期函數,條件函數,聚合函數。高級內置函數:行列轉換函數,分…

python word

代碼: 1 #codingutf-82 __author__ zhm3 from win32com import client as wc4 import os5 import time6 import random7 import MySQLdb8 import re9 def wordsToHtml(dir):10 #批量把文件夾的word文檔轉換成html文件11 #金山WPS調用,搶先版的用KWPS&a…

aws lambda_如何為AWS Lambda實施日志聚合

aws lambdaby Yan Cui崔燕 如何為AWS Lambda實施日志聚合 (How to implement log aggregation for AWS Lambda) During the execution of a Lambda function, whatever you write to stdout (for example, using console.log in Node.js) will be captured by Lambda and sent…

【Python3爬蟲】為什么你的博客沒人看呢?

我相信對于很多愛好和習慣寫博客的人來說,如果自己的博客有很多人閱讀和評論的話,自己會非常開心,但是你發現自己用心寫的博客卻沒什么人看,多多少少會覺得有些傷心吧?我們今天就來看一下為什么你的博客沒人看呢&#…

泰安高考2021成績查詢,泰安高考成績查詢入口2021

高考結束之后,為了方便大家進行高考成績的查詢,下面跟著出國留學網小編來一起看看“泰安高考成績查詢入口2021”,僅供參考,希望對大家有幫助。2021山東高考成績查詢時間及志愿填報時間根據山東2021年夏季高考須知,2021…

用GitHub Issue取代多說,是不是很厲害?

2019獨角獸企業重金招聘Python工程師標準>>> 摘要: 別了,多說,擁抱Gitment。 2017年6月1日,多說正式下線,這多少讓人感覺有些遺憾。在比較了多個博客評論系統,我最終選擇了Gitment作為本站的博客評論系統&a…

mysql延時優化教程_Mysql優化之延遲索引和分頁優化_MySQL

什么是延遲索引?使用索引查詢出來數據,之后把查詢結果和同一張表中數據進行連接查詢,進而提高查詢速度!分頁是一個很常見功能,select ** from tableName limit ($page - 1 ) * $n ,$n通過一個存儲過程插入10000條數據進行測試&…

【動態規劃】Vijos P1313 金明的預算方案(NOIP2006提高組第二題)

題目鏈接&#xff1a; https://vijos.org/p/1313 題目大意&#xff1a; m(m<32000)金錢&#xff0c;n&#xff08;n<60&#xff09;個物品&#xff0c;花費vi&#xff0c;價值vi*ci,每個物品可能有不超過2個附件&#xff0c;附件沒有附件。 題目思路&#xff1a; 【動態規…

計算機網絡應用答題卡,2013-2014學年第2學期11級計算機網絡技術畢業考試試卷

2013-2014學年第2學期11級《計算機網絡技術》課程畢業考試試卷得分&#xff1a;一、單項選擇題&#xff1a;(每題1分&#xff0c;共30分&#xff0c;答案必須寫在后面的選擇題答題卡內&#xff0c;否則不得分)1、計算機網絡可以按網絡的覆蓋范圍來劃分&#xff0c;以下()不是按…

0622 - 如何堅守自己的價值觀?

如果有人有著和自己迥異的價值觀&#xff0c;且混得很好&#xff0c;且和自己是熟人&#xff0c;自己是不是要改變自己、向其學習&#xff1f; 比如&#xff0c;常說的「學習好的比學習差的打工」&#xff0c;那到底是要好好學習&#xff0c;還是提前混人脈、攢經驗&#xff1f…